body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{scroll-behavior:smooth}body{background-color:#effffb;margin:0}.logo{height:35px;margin:2% -2% 2% 1%;width:35px}.logo:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.nav{background:linear-gradient(90deg,#87cbb9,#b9eddd);display:flex;flex-wrap:wrap;justify-content:space-evenly}.navleft{display:flex;padding:0}a{text-decoration:none}.navleft a{color:#000;font-weight:300;padding:10px 200px 0 250px}.navleft a:hover{background:linear-gradient(90deg,#87cbb9,#b9eddd);color:#f5f5f5;font-weight:700;margin:0;padding-top:10px;transition:.3s ease-in-out}.navright{display:flex;list-style:none;padding:30px 0 0}.signup{background-color:#98d7c2;border-color:#98d7c2;border-radius:50px;color:#000;font-size:120%;font-weight:700;height:30px;padding:5px 20px 0;text-align:12px;width:85px}.signup:hover{background-color:#45b08c;color:#f5f5f5;transition:.3s ease-in-out}.login{background-color:#8cc7c0;border-color:#8cc7c0;border-radius:50px;color:#000;font-size:120%;font-weight:700;height:30px;margin-left:-30px;padding:5px 20px 0;text-align:center;width:70px}.login:hover{background-color:#65a9a6;color:#f5f5f5;transition:.3s ease-in-out}.homepage h1{color:#87cbb9;font-size:500%;font-weight:900;padding:10px 0 0;text-align:center}.homepage h3{color:#3f979b;font-size:180%;font-weight:700;margin-top:-50px;text-align:center}.label{display:flex}.label span{color:#159895;cursor:pointer;font-weight:700;padding:0 0 0 10px}.email1{padding:0 180px 0 0}.email2{padding:0 145px 0 0}.loginpage{background-color:#effffb;border-radius:20px;box-shadow:8px 8px 10px #93bfcf;display:flex;height:500px;justify-content:center;margin:100px 100px 100px 525px;width:500px}.loginpage input{border-radius:5px;font-size:17px;height:50px;margin:0 0 25px;padding:0 0 0 10px;width:420px}.loginpage button{background-color:#64ccc5;border:none;border-radius:32px;height:50px;margin:20px 0 25px;width:420px}.loginpage button,.loginpage button:hover{color:#fff;font-size:medium;font-weight:700}.loginpage button:hover{background-color:#159895;transition:.3s ease-in-out}.signuppage{background-color:#effffb;border-radius:20px;box-shadow:8px 8px 10px #93bfcf;display:flex;height:500px;justify-content:center;margin:100px 100px 100px 525px;width:500px}.signuppage input{border-radius:5px;font-size:17px;height:50px;margin:0 0 25px;padding:0 0 0 10px;width:420px}.signuppage button{background-color:#64ccc5;border:none;border-radius:32px;color:#fff;font-size:medium;font-weight:700;height:50px;margin:20px 0 25px;width:420px}.signuppage button:hover{background-color:#159895;color:#fff;font-size:medium;font-weight:700;transition:.3s ease-in-out}@media (min-width:500px) and (max-width:1300px){.navleft a{padding:10px 15px}.homepage h1{font-size:250%;margin:50px 0 20px}.homepage h3{font-size:120%;margin:20px 0 0}.loginpage,.signuppage{height:450px;margin:50px auto;width:70%}.loginpage input,.signuppage input{font-size:14px;width:85%}.loginpage button,.signuppage button{width:85%}.logo{padding:20px}.email1+p,.email2+p{visibility:hidden}}.units{background:linear-gradient(90deg,#35a29f,#64ccc5);display:flex;font-weight:700;justify-content:space-around;padding:15px 0}.units a{color:#f5f5f5}.units a:hover{color:#97feed;font-weight:700;transition:.3s ease-in-out}@media (min-width:500px) and (max-width:1300px){.units{display:flex;justify-content:space-between}}.intro{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.intro span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.intro h3,.intro h4,.intro li,.intro p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.intro img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.intro h2{font-weight:500}.intro .note{background-color:#b9eddd;border-radius:50px;margin:10px 0 10px 20px;padding:30px;width:90%}.tables{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.tables span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.tables p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.tables img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.tables h2{font-weight:500}.tables .note{background-color:#b9eddd;border-radius:50px;margin:10px 0 10px 20px;padding:30px;width:90%}.forms{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.forms span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.forms p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.forms img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.forms h2{font-weight:500}.formop{margin:10px 0 10px 50px}.graphics{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.graphics span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.graphics p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.graphics img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.graphics h2{font-weight:500}.graphics .note{background-color:#b9eddd;border-radius:50px;margin:10px 0 10px 20px;padding:30px;width:90%}.lists{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.lists span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.lists p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.lists img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.lists h2{font-weight:500}.lists li{margin:0 0 0 30px}.lists button{background-color:#64ccc5;border:none;border-radius:50px;color:#fff;font-size:medium;font-weight:600;height:40px;margin:0 0 6% 75%;width:130px}.lists button:hover{background-color:#b9eddd;color:#159895;transition:.3s ease-in-out}.cssintro{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.cssintro span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.cssintro p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.cssintro img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.cssintro h2{font-weight:500}.cssintro .note{background-color:#b9eddd;border-radius:50px;margin:10px 0 10px 20px;padding:30px;width:90%}.cssintro li{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.cssintro .note a{color:#159895;padding:10px 0 10px 4px;text-decoration:underline}.grid{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.grid span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.grid p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.grid h2{font-weight:500}.grid .note{background-color:#b9eddd;border-radius:50px;margin:10px 0 10px 20px;padding:30px;width:90%}.animation{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.animation span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.animation p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.animation img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.animation h2{font-weight:500}.animation .note{background-color:#b9eddd;border-radius:50px;margin:10px 0 10px 20px;padding:30px;width:90%}.animation li{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.flex{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.flex span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.flex p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.flex img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.flex h2{font-weight:500}.flex li{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.tooltip{color:#333;left:2%;padding:50px 0 0;position:absolute;z-index:-1}.tooltip span{background-color:#f1f1f1;border-radius:2px;color:crimson;padding:0 5px}.tooltip p{font-weight:400;margin:0 0 0 30px;padding:5px 0 10px}.tooltip img{border-radius:10px;border-style:groove;box-shadow:5px 5px 5px #333;margin:10px 0 10px 30px}.tooltip h2{font-weight:500}.tooltipex{display:grid;grid-template-columns:1fr 1fr;width:50%}.tooltip button{background-color:#64ccc5;border:none;border-radius:50px;color:#fff;font-size:medium;font-weight:600;height:40px;margin:0 0 5% 45%;width:130px}.tooltip button:hover{background-color:#b9eddd;color:#159895;transition:.3s ease-in-out}.grid-container1{grid-gap:10px;background-color:#1bd7d4;display:grid;gap:10px;grid-template-columns:auto auto auto auto;padding:10px}.grid-container1>div{background-color:hsla(0,0%,100%,.8);border:1px solid #000;font-size:30px;text-align:center}.grid-container2{grid-gap:10px;background-color:#1bd7d4;display:grid;gap:10px;grid-template-columns:auto auto auto;grid-template-rows:80px 200px;padding:10px}.grid-container2>div{background-color:hsla(0,0%,100%,.8);font-size:30px;padding:20px 0;text-align:center}.grid-container3{grid-gap:10px;background-color:#1bd7d4;display:grid;gap:10px;grid-template-columns:50px 50px 50px;justify-content:space-evenly;padding:10px}.grid-container3>div{background-color:hsla(0,0%,100%,.8);font-size:30px;padding:20px 0;text-align:center}.grid-container4{grid-gap:10px;align-content:center;background-color:#1bd7d4;display:grid;gap:10px;grid-template-columns:auto auto auto;height:300px;padding:10px}.grid-container4>div{background-color:hsla(0,0%,100%,.8);font-size:30px;padding:20px 0;text-align:center}.flex-container1{background-color:#f1f1f1;display:flex}.flex-container1>div{background-color:#1bd7d4;color:#fff;font-size:30px;line-height:75px;margin:10px;text-align:center;width:100px}.flex-container2{align-items:stretch;background-color:#f1f1f1;display:flex}.flex-container2>div{background-color:#1bd7d4;color:#fff;font-size:30px;line-height:75px;margin:10px;text-align:center;width:100px}.flex-container3{align-items:stretch;background-color:#f1f1f1;display:flex}.flex-container3>div{background-color:#1bd7d4;color:#fff;font-size:30px;line-height:75px;margin:10px;text-align:center}.flex-container4{align-items:stretch;background-color:#f1f1f1;display:flex}.flex-container4>div{background-color:#1bd7d4;color:#fff;font-size:30px;line-height:75px;margin:10px;text-align:center;width:100px}.flex-container5{align-items:stretch;background-color:#f1f1f1;display:flex}.flex-container5>div{background-color:#1bd7d4;color:#fff;font-size:30px;line-height:75px;margin:10px;text-align:center;width:100px}.flex-container6{background-color:#f1f1f1;display:flex;height:200px}.flex-container6>div{background-color:#1bd7d4;color:#fff;font-size:30px;line-height:75px;margin:10px;text-align:center;width:100px}.animated_div{-webkit-animation:animated_div 5s 1;animation:animated_div 5s 1;background:#92b901;border-radius:5px;color:#fff;font-size:20px;font-weight:700;height:24px;padding:10px;position:relative;width:45px}@-webkit-keyframes animated_div{0%{left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{left:0;-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{left:500px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}55%{left:500px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{background:#1ec7e6;left:500px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{left:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes animated_div{0%{left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{left:0;-webkit-transform:rotate(20deg);transform:rotate(20deg)}50%{left:500px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}55%{left:500px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{background:#1ec7e6;left:500px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{left:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.color{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:example;animation-name:example;background-color:red;border-radius:5px;height:100px;width:100px}@-webkit-keyframes example{0%{background-color:red}to{background-color:#ff0}}.delay{-webkit-animation-delay:2s;animation-delay:2s}.delay,.run{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:example;animation-name:example;background-color:red;border-radius:5px;height:100px;margin-bottom:210px;position:relative;width:100px}.run{-webkit-animation-iteration-count:3;animation-iteration-count:3}.reverse{animation-direction:reverse;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:example;animation-name:example;background-color:red;border-radius:5px;height:100px;margin-bottom:210px;position:relative;width:100px}.alternate{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:2;animation-iteration-count:2}.alternate,.alternate-reverse{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:example;animation-name:example;background-color:red;border-radius:5px;height:100px;margin-bottom:210px;position:relative;width:100px}.alternate-reverse{animation-direction:alternate-reverse;-webkit-animation-iteration-count:2;animation-iteration-count:2}.shorthand{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:example;animation-name:example;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-color:red;border-radius:5px;height:100px;margin-bottom:210px;position:relative;width:100px}@keyframes example{0%{background-color:red;left:0;top:0}25%{background-color:#ff0;left:200px;top:0}50%{background-color:blue;left:200px;top:200px}75%{background-color:green;left:0;top:200px}to{background-color:red;left:0;top:0}}.shorthand_used{-webkit-animation:myfirst 5s linear 2s infinite alternate;animation:myfirst 5s linear 2s infinite alternate;background-color:red;border-radius:5px;height:100px;margin-bottom:210px;position:relative;width:100px}@-webkit-keyframes myfirst{0%{background-color:red;left:0;top:0}25%{background-color:#ff0;left:200px;top:0}50%{background-color:blue;left:200px;top:200px}75%{background-color:green;left:0;top:200px}to{background-color:red;left:0;top:0}}@keyframes myfirst{0%{background-color:red;left:0;top:0}25%{background-color:#ff0;left:200px;top:0}50%{background-color:blue;left:200px;top:200px}75%{background-color:green;left:0;top:200px}to{background-color:red;left:0;top:0}}.tooltip1{background-color:#b9eddd;border-radius:5px;color:#159895;display:inline-block;margin:40px 80px;padding:5px 10px;position:relative}.tooltip1 .tooltiptext:after{border:5px solid transparent;border-top-color:#000;content:" ";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip1 .tooltiptext{background-color:#000;border-radius:6px;bottom:150%;color:#fff;left:50%;margin-left:-60px;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:120px;z-index:1}.tooltip1:hover .tooltiptext{visibility:visible}.tooltip2{background-color:#b9eddd;border-radius:5px;color:#159895;display:inline-block;margin:40px 80px;padding:5px 10px;position:relative}.tooltip2 .tooltiptext{background-color:#000;border-radius:6px;color:#fff;left:50%;margin-left:-60px;padding:5px 0;position:absolute;text-align:center;top:150%;visibility:hidden;width:120px;z-index:1}.tooltip2 .tooltiptext:after{border:5px solid transparent;border-bottom-color:#000;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.tooltip2:hover .tooltiptext{visibility:visible}.tooltip3{background-color:#b9eddd;border-radius:5px;color:#159895;display:inline-block;margin:40px 80px;padding:5px 10px;position:relative}.tooltip3 .tooltiptext{background-color:#000;border-radius:6px;color:#fff;left:105%;padding:5px 0;position:absolute;text-align:center;top:-5px;visibility:hidden;width:120px;z-index:1}.tooltip3 .tooltiptext:after{border:5px solid transparent;border-right-color:#000;content:"";margin-top:-5px;position:absolute;right:100%;top:50%}.tooltip3:hover .tooltiptext{visibility:visible}.tooltip4{background-color:#b9eddd;border-radius:5px;color:#159895;display:inline-block;margin:40px 80px;padding:5px 10px;position:relative}.tooltip4 .tooltiptext{background-color:#000;border-radius:6px;color:#fff;padding:5px 0;position:absolute;right:105%;text-align:center;top:-5px;visibility:hidden;width:120px;z-index:1}.tooltip4 .tooltiptext:after{border:5px solid transparent;border-left-color:#000;content:"";left:100%;margin-top:-5px;position:absolute;top:50%}.tooltip4:hover .tooltiptext{visibility:visible}.tooltip5{background-color:#b9eddd;border-radius:5px;color:#159895;display:inline-block;margin:40px 10px 40px 82px;padding:5px 10px;position:relative}.tooltip5 .tooltiptext{background-color:#000;border-radius:6px;bottom:100%;color:#fff;left:50%;margin:0 0 10px -60px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity 1s;visibility:hidden;width:120px;z-index:1}.tooltip5:hover .tooltiptext{opacity:1;visibility:visible}.quiz{align-items:center;color:#5b9a8b;height:90vh;justify-content:center;position:absolute;width:90%;z-index:-1}.ques,.quiz{display:flex}.ques{border-radius:20px;box-shadow:5px 5px 5px #b9eddd;flex-direction:column;height:70%;justify-content:space-between;padding:30px 10px 20px;text-align:center;width:65%}.ques,.ques p{font-size:medium}.opt{padding:20px 40px}.quiz ul{grid-gap:1rem;display:grid;grid-template-columns:1fr;list-style-type:none}.quiz li{background-color:#64ccc5;border-radius:50px;color:#fff;cursor:pointer;margin-left:-40px;padding:1rem}.quiz li:hover{background-color:#b9eddd;color:#159895;transition:.3s ease-in-out}.quiz button{background-color:#64ccc5;border:none;border-radius:50px;color:#fff;font-size:medium;font-weight:600;height:40px;margin:115px 20px 20px -150px;width:130px}.quiz button:hover{background-color:#b9eddd;color:#159895;transition:.3s ease-in-out}
/*# sourceMappingURL=main.d78e48a1.css.map*/