body
{
margin: 0;
padding: 0;
background: linear-gradient(45deg, rgb(0, 0, 10) 25%, rgb(8, 8, 16) 75%);
font-family: 'Figtree', sans-serif;
overflow-x: hidden;
color: white;
-ms-overflow-style: none;
scrollbar-width: none;
font-weight: 300;
height: 100vh;
scroll-behavior: smooth
}

*
{
margin: 0;
padding: 0;
overflow-y: scroll;
scrollbar-width: none;
box-sizing: border-box;
-webkit-user-drag: none;
-ms-overflow-style: none
}

::-webkit-scrollbar
{
width: 0px;
display: none
}

.bigfontsize
{
font-size: calc(3vh + 2vw)
}

.mediumfontweight
{
font-weight: 600
}

.gradientbg1
{
background: linear-gradient(45deg, rgb(111, 103, 252) 25%, rgb(147, 147, 253) 75%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-weight: 500
}

.mediumfontsize
{
font-size: 3vw
}

.smallfontsize
{
font-size: 2vw
}

.evensmallerthanabitsmallerthansmallfontsize
{
font-size: 1.5vw
}

.bitsmallerthansmallfontsize
{
font-size: 1.75vw
}

.bitbiggerthansmallfontsize
{
font-size: 2.25vw
}

.whitetext
{
color: rgb(255, 255, 255)
}

.greytext
{
color: rgb(128, 128, 128)
}

::-moz-selection
{
color: white;
/*background: rgba(124, 134, 252, .7)*/
background: rgb(124, 134, 252)
}

::selection
{
color: white;
/*background: rgba(124, 134, 252, .7)*/
background: rgb(124, 134, 252)
}

a
{
color: rgb(109, 120, 252);
text-decoration: none
}

a:hover
{
color: rgb(51, 58, 125);
text-decoration: none
}

a:active
{
color: rgb(51, 53, 79);
text-decoration: none
}

.bgattach
{
background-attachment: fixed
}

.t1
{
display: flex;
width: 100vw;
margin-top: 5vw;
justify-content: center
}

.search1
{
background: unset;
padding-left: calc(1vw + 1vh - 2px);
display: flex;
position: relative;
left: 50%;
transform: translate(-50%);
width: calc(40vw - 1vw - 1vh + 2px);
margin-top: 5vw;
color: white;
font-family: "Figtree", sans-serif;
height: calc(3vh + 2vw);
margin-bottom: calc(2vh + 2vw);
border-radius: calc(1.5vh + 1vw);
font-size: calc(1vh + 0.875vw);
transition: border-color padding-left width 0.2s;
border: 1px solid white
}

.search1:focus
{
outline: none !important;
padding-left: calc(1vw + 1vh - 1px - 2px);
width: calc(40vw - 1vw - 1vh + 2px);
border-color: rgb(115, 130, 255);
border-width: 2px;
border-style: solid
}

.card1
{
display: inline-flex;
position: relative;
width: 90vw;
height: calc(5vh + 6.5vw);
margin-bottom: calc(2.5vw - 1px);
border-radius: 2.5vw;
border: 2px solid rgb(100, 100, 100);
background-color: rgb(32, 32, 48)
}

.c1
{
width: 90vw;
/*max-height: calc(100vh - 12.5vw - 3vh - 2vw - 5vw - 5vw - 3px);*/
max-height: calc(100vh - 3vh - 2vw - 2vh - 2vw - 5vw - 5vw);
margin-left: 5vw;
margin-top: alc(2vh + 2vw);
scroll-behavior: smooth
/*background-color: rgb(32, 32, 150)*/
}

.c1imagecontainer
{
display: grid;
width: 10vw;
height: 10vw;
margin-top: auto;
margin-bottom: auto;
margin-left: calc(max((5vh + 6.5vw - 10vw - 2px) / 3, 0px));
max-height: calc(4vh + 6.5vw - 2px);
max-width: calc(4vh + 6.5vw - 2px);
z-index: 10;
place-items: center;
/*background-color: rgb(0, 100, 0);*/
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.c1titlecontainer
{
position: relative;
margin-top: auto;
margin-bottom: auto;
margin-left: calc(1vw + 0.2vh);
/*margin-top: calc(0.8vw + 0.2vh);
margin-left: calc(1vw + 0.2vh);*/
width: 60vw;
z-index: 10;
height: fit-content;
/*background-color: rgba(150, 100, 0, .5);*/
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.c1examcodecontainer
{
display: grid;
position: absolute;
width: 40vw;
height: 100%;
left: 50%;
font-size: 2.5vw;
font-weight: 300;
z-index: 1;
font-family: "Roboto Mono", sans-serif;
transform: translate(-50%);
/*background-color: rgb(150, 100, 150);*/
color: rgba(255, 255, 255, 0.05);
place-items: center
}

.c1arrow
{
display: grid;
position: absolute;
width: calc(3vh + 4vw);
height: 100%;
right: 0px;
font-size: 4vw;
font-weight: 600;
z-index: 3;
font-family: "Roboto Mono", sans-serif;
background-color: rgb(64, 64, 150);
color: rgb(200, 200, 200);
place-items: center;
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.c1countdown
{
display: grid;
position: absolute;
width: calc((5vh + 6.5vw) * 0.625);
top: calc(18.75% - 2px);
height: calc((5vh + 6.5vw) * 0.625);
right: calc(3vh + 4vw + 0.625vh + 0.8125vw);
font-size: calc(1.5vh + 1.5vw);
font-weight: 400;
z-index: 5;
border-radius: calc(0.75vw + 1vh);
font-family: "Roboto Mono", sans-serif;
/*background-color: rgb(128, 128, 128);*/
border: 1px solid rgb(100, 100, 100);
color: rgb(255, 255, 255);
place-items: center;
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

.c1subject
{
font-size: calc(1vh + 2.5vw);
font-weight: 500
}

.c1exam
{
font-size: 2.5vw;
font-weight: 500;
color: rgba(255, 255, 255, 0.5)
}

.c1exampercentage
{
font-size: 2.5vw;
font-weight: 500;
color: rgba(255, 255, 255, 0.225)
}