:root{--bg-color: #f5f7fb;--text-color: #293264;--text-color-white: #f5f7fb;--btn-bg-color: #4d5b9e;--btn-border-color: #d6dbf5;--btn-border-radius: 15px;--green-color: #94d7a2;--red-color: #f8bcbc}*{margin:0;padding:0;outline:none;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Karla,sans-serif}body{background-color:var(--bg-color);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAB2CAYAAAAusLpdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR6SURBVHgB7dxfThtXFIDxc+4YpSg0TF8qRaqUqdRW6lPpCuquoN1Bs4NkB2lX0OyAZgVRVhBnBfBWKRU1lSpRhUilUih2zMzNjC0IAWPGM8f2/Pl+kmUwBl4+7r2+d7BKhfQPTqJRHIcaBOlNouwx9RJ5r2HgdDP73KuPJs/WMP1ieP7NXrKPwxt+xZFoepv8oPTeH01+h+7Hif9P1R95lX0fZ7f46Hh0e//bz/VIkJvKgp1F4tbWItEkvBjIOA5Nw8kXw6pkQe368X3yIjnV3TeDj3YJbbpSQWWxnIpE2WiS/nWHPnbRJBTZGo8efjLKNNQktMS/SBLpfXl3vSeYHtRO34e3146ji6OKU3cvSSNR0agFsRTV85I8i4dJ76vPNnalhbT/arhNKAvg03WYaC+JkydtGr30z8OBFyxWGlc6LT4bef/467vr+9JgBLV8vcT7J198uv6bNBBBrUo2aon/pWlhEdSqNSwsgqqKhoRFUFWThjWM/fd1Xbw7QbWkJwe3OtrfOxz8uvOvr+rpwbUIqqLSHeeHm6Phzh8HJ12pEYKqsnS0Cjr6fO9w+EhqgjVUXdRkbcUIVRfZ2irQ51WfAgmqTmowBRJUDan4n6saFUHV1Diq18NtqRiCqjH1/n7VoiKomqtaVATVAFWKiqAaoipREVSDjKNKzwBlhQiqYbIzwFVuKRBUA61yn4qgGiqLqv/67U+yZATVYN4nj1++erMlS0RQzRZ2pPP094OTSJaEoJpucgXo0rYTCKodusvaTiColsi2E5axSCeoFskW6YteTxFUu4S3Ou6pLBBBtY7fWuR6iqBaKFtPLeradIJqqSDQ7UX8IylBtVW6P3Xn1P68j6BabBFTH0G1nPXUR1Btl059G28HD8UIQUECpw+sNjwJCpnQ6gCZoHCma7FAJyicyxboUhJB4b10gb73z/+lFugEhQ9o4B6V2UYgKFwWltlGIChckW0jFB2lCArTFB6lCApTFR2lCArXKTRKERSuVWSUIijMEt4Zntyf5xsICjOpcw/meT5BYbZ093yeMz6Cwo2Cjua+VJigkEf35d/53sWFoJCLrgU/5nkeQSGXvFsIBIW8wo3B4MZpj6CQW57FOUFhHt2bpj2Cwlxu2jknKMxFA/fDrK8TFOY1c9ojKMxt1rRHUJjbrGmPoFDEtdMeQaGQj0eDqUcxBIVCnPcEBUPOfTf1YQGKCaddeEdQKM5J9+pDQEGB0yvTHkGhjK3L2wcEhTKuXCNFUCjFqSco2Ll8DENQKIsRCqbC/oW3pCYolBYH7/ejCAoG9HzaIyiU5nwSnX8sQFkXDooJChbCsx1zgoKJsx1zgoIJDSTK7gkKRpQRCnbOXukRFGyo+ya7IyjYUOFVHkyNtw4ICmbC0XFEUDATeyUoGFLHlAc76oURCna8KiMU7ASimwQFM97HnxAUzCRMebDkRO8RFEwRFEwRFOykB8QEBUsEBVsEBVMEBVMEBVMEBVMEBVMEBVMEBTte9gkKpggKpggKZhLxfxEUTL0DjCGrRRGWOYAAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAACNCAYAAABGx8NOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVWSURBVHgB7d3bcdtGFIDhA2QkJTN+cAehKxBZQZQOnAqiVBC5gigV2KkgcgVxKrA6oJQGog6Sh8zEpgys90CATIp3Agvs5f9mLOviBz/8cxYLrsBMaubD9ELy/LUAPcjnPrsWoCfZ/BdmdvuP/eu5AI7lC1+Z8k8BerAYXsZyi34shnck7+zHfwVwbCG8LJvY6LIbARzLl79VvBXAseXwWG7Rg6XwHpbbkqkHp/KV3y2qqQc4k637gZn99d5+PBPAgXztT8qCm8lwZn14J3IlbDLgyNrwqk2Gkd8EcCDb9ENjps/lPv9bODiAjuWbfsjUgyvZtn/A1IML+bZ/wNSDC1snnmLqoWtbJ56qpl5Z/ipAR3aaeA0zu9WpNxKgpZ0m3qOi/EmADuwVXvbN5FpMxgECtLbfxFNl8Up4KQ0t7R2enXp3bDTQ1l6bi3kcm0Ib+y+1jaLQjQZLLg5ycHgsuWjj4KW2wZKLQxy+1DZYcnGA1uFVS67hxjL2037iWdnJRG8qc4IFO2t9jdeoT7BMhddysYNOJp6qTrAU5ffC9R520Fl4qrreK8pXAmzRaXjKxnclXO9hi86u8Z7i/h426XziPToqfrAf7wRYwVl41WZjVmp8bDawxN3Es7Jnkxs2G1jFaXiq2mwY4TABFjjbXDxlZrdv7F8/CyA9hqfY6aLhfKldwE4XtV7Dm3tZ7U6QtF6X2ob5fzqSr6oDBTwSI1H9LrW16jXdGQcKUjZIeIp7fGkbLDxV3eMriS9Fg4ansq8nb7jBnJ5BNhermI+3l/Z/84sgCd6Ep4gvHV6Fp2x8V/Z/9aMgat6Fp4gvfl6Gp4gvboPvatc6Li/sR94tPFLeTjxV/67ue/vpWBAVr8NTxBcn78NTxBefIMJTPCIjLv5uLp7gLF9cgpl4jfosny67I0GwggtPEV/4ggxPEV/Ygg1PEV+4gg5PEV+Ygg9PEV94oghPEV9YoglPEV84ogpPEV8YogtPEZ//ogxPEZ/fog1PEZ+/gjkkcIj6URk8DtdDUU+8hvlvOpbjavLxkCBPJBGeIj6/JBOestd8Z/U1HwYW9TXeU/aa71oK3uLUB0lNvIadfOd28v0uGExSE6/BWyAML8mJ1+AhQcNJOjxFfMNIPjzFc1r6R3g14utXkpuLlXhIUK+YeHN4VEZ/mHhz6qcV8LZXPWDircBxKvcIbw3ic4vwNuA919zhGm8D3nPNHSbeDjhO1T0m3g44TtU9Jt4eOE7VHSbeHni3ye4Q3p54t8lusNQeiONU7RBeC8R3OMJrifgOQ3gdIL79EV5HiG8/hNch4tsd4XWM+HZDeA4Y4tuK8Bwhvs0IzyHzYXohef5asITwHONgwWqE1wOezbeMQwI9yJ5NbuqTzHeCChOvR/wC0ReE1zPie8BS27PqF4iOyomY7J0kjIk3oJTv9RHewFKNj/A8YD5OX0pW3WgeSSIIzxOpbTrYXHjiy6ZD3koCmHgeSuG6j/A8Vb/M9odEuvSy1HqqepmtsC+zRXq/j4kXgBiXXsILRGy7XpbaQOiuNzs+fRHL4zOYeAGKYfox8QIUw/QjvIBlJ6eXduf7IsSbziy1kTCz6bmdI7rzHUkACC8yoQRIeBGqNh95fu7zvT/Ci1gd4KWP70pJeAmYm4Aa4Eg8QHiJ8eUakPASZe6nZ1I+TsHeEV7iHl4FkTM7Bc/tl99JTwgPj/qMkPCwUvVu5YWNsMhf2ko0wpF0iPCwk2oaHslYymoiju23TqXFQ4gIDwezO+SxLUgn49i+6j96CNLYGLNvZUuUhAcnqqX63saoYeqfT3Ofm3wkwBA+A6yw/OvcnTncAAAAAElFTkSuQmCC);background-size:300px;background-repeat:no-repeat;background-position:left bottom,right top;background-attachment:fixed;color:var(--text-color)}#root{display:flex;justify-content:center;align-items:center;height:100vh}span{animation:loadingDots 1s infinite}.flex{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro{width:100%;height:100vh;text-align:center;gap:30px 0}.intro .intro-des{gap:10px}.intro .intro-des h1{font-size:31px;font-weight:800}.intro .intro-des p{font-size:16px;font-weight:400}.intro .intro-btn,.check-btn{font-family:inherit;font-weight:600;font-size:16px;color:var(--text-color-white);padding:20px 50px;background-color:var(--btn-bg-color);border-radius:var(--btn-border-radius);transition:.3s ease;cursor:pointer}.intro .intro-btn:hover,.check-btn:hover{background-color:var(--text-color);box-shadow:-3px 3px 2px #0003}.intro .intro-btn:active{box-shadow:none}.con{height:100%;width:100%;margin-top:70px}.con a{font-size:15px;margin-left:10%;border:1px solid var(--btn-bg-color);border-radius:var(--btn-border-radius);padding:10px 20px;transition:.3s ease}.con a:hover{background-color:var(--btn-bg-color);color:var(--text-color-white)}.con a:focus{box-shadow:0 0 80px var(--btn-bg-color)}.quiz{width:70%;margin:30px auto}.quiz h3{font-size:23px;font-weight:800;margin-bottom:16px}.quiz .quiz-btn-container{max-width:100%;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:10px 20px}input,.quiz-btn{text-align:center;padding:10px 20px;cursor:pointer}input[type=radio]{opacity:.011;z-index:100}input[type=radio]:checked+.quiz-btn.normal{background-color:var(--btn-border-color)}.quiz-btn{font-size:16px;font-weight:400;background-color:transparent;border:1px solid var(--btn-border-color);border-radius:7px;z-index:90;-webkit-user-select:none;user-select:none}.quiz-btn.correct{background-color:var(--green-color);border-color:var(--green-color)}.quiz-btn.incorrect{background-color:var(--red-color);border-color:var(--red-color)}.quiz-btn.disable{opacity:.5;cursor:not-allowed}.check-btn-con{width:50%;margin:0 auto;height:100px;padding:30px 0 90px;text-align:center;flex-direction:row;gap:0px 30px}.check-btn-con p{font-size:18px;font-weight:600;position:relative}.check-btn-con p:before{position:absolute;content:"";right:-10px;height:100%;width:40%;background-color:var(--green-color);transform:rotate(10deg);z-index:-99}hr{color:var(--text-color);margin:20px 0;opacity:.6}.alert{position:fixed;top:30px;left:50%;transform:translate(-50%);background-color:var(--red-color);border-radius:var(--btn-border-radius);padding:20px 30px;width:300px;z-index:999}.loading-spinner{width:200px;height:200px;display:inline-block;overflow:hidden}.spinner{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.spinner div{box-sizing:content-box;position:absolute;border-width:10px;border-style:solid;opacity:1;border-radius:50%;animation:spinner 1s cubic-bezier(0,.2,.8,1) infinite}.spinner div:nth-child(1){border-color:#e90c59;animation-delay:0s}.spinner div:nth-child(2){border-color:#46dff0;animation-delay:-.5s}@keyframes spinner{0%{top:96px;left:96px;width:0;height:0;opacity:1}to{top:18px;left:18px;width:156px;height:156px;opacity:0}}@media only screen and (max-width: 490px){.quiz{width:90%}.quiz .quiz-btn-container{gap:10px}.check-btn-con{width:90%}}