@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";*{font-family:Montserrat,serif;color:#0d3b66}body{background-color:#f0f8ff}#call-to-action-left{margin-top:5%}.call-to-action-subtext{font-size:1.2rem;font-weight:500;width:700px;font-family:Arial}.word-transition{font-size:2.5rem;font-weight:700;transition:opacity .5s ease-in-out;transition:all 1s ease-in-out;text-shadow:0 0 10px #0D3B66}.changingText{color:#f4d35e;text-shadow:0 0 10px #F4D35E;font-family:lexend,sans-serif}.call-to-action-text{font-size:2.5rem;font-weight:bolder;font-family:lexend,sans-serif;transition:all 1s ease-in-out;width:900px}.call-to-action-container{display:flex;margin:0 auto;justify-content:center}#more-info-button-wrapper{padding:10px 20px;background-color:#f4d35e;border-radius:10px;transition:all .6s ease;animation:pulse 1.5s infinite;justify-content:center;text-align:center;width:280px}#more-info-button-wrapper a{color:#fff;text-decoration:none;font-size:1.4rem;font-family:lexend,sans-serif;font-weight:bolder;padding-bottom:5px;transition:all .6s ease;margin-right:10px}#more-info-button-wrapper:hover{transform:scale(1.1);box-shadow:0 0 20px #ffff004d;background-color:#ffff5e;cursor:pointer;animation:none}#more-info-button-wrapper:hover a{color:#0d3b66}#call-to-action-right{margin-top:5%;background-color:#0d3b66;border-radius:5%}#call-to-action-right img{width:100%;height:100%;border-radius:5%}#about-us-container{width:82%;margin:50px auto 0;display:flex;justify-content:space-between}#about-us-text{width:900px}#about-us-title{font-size:2.5rem;font-weight:bolder;font-family:lexend,sans-serif;color:#0d3b66;margin-top:5%}#about-us-description{font-size:1.6rem;font-weight:500;font-family:Arial;color:#0d3b66;margin-top:5%}#about-us-image{width:50%;height:500px;border-radius:20px;align-items:center;justify-content:center;display:flex;margin-left:100px}#about-us-image img{border-radius:20px}@media (max-width: 1250px){.word-transition,.call-to-action-text{font-size:2.6rem}.call-to-action-container{padding:10px;margin-top:3%;margin-left:10%}.call-to-action-subtext{font-size:1rem;font-weight:500;width:900px}}.footer-container{background-color:#0d3b66;padding:60px 0 30px;margin-top:80px;color:#fff;font-family:Montserrat,serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.footer-section p,.footer-section li{color:#fff;line-height:1.6;margin-bottom:10px}.footer-links li a{color:#fff;text-decoration:none;transition:all .3s ease}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icons a{display:inline-block;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;text-align:center;line-height:40px;transition:all .3s ease}.social-icons a:hover{background-color:#f4d35e;transform:translateY(-3px)}.social-icons i{color:#fff;font-size:18px}.newsletter-form{display:flex;margin-top:15px}.newsletter-form input{flex:1;padding:10px;border:none;border-radius:5px 0 0 5px;font-family:Montserrat,serif}.newsletter-form button{background-color:#f4d35e;color:#0d3b66;border:none;padding:10px 15px;border-radius:0 5px 5px 0;cursor:pointer;font-weight:700;transition:all .3s ease}.newsletter-form button:hover{background-color:#ffff5e}.footer-bottom{text-align:center;padding-top:30px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#ffffffb3;font-size:.9rem}@media (max-width: 768px){.footer-content{flex-direction:column}.footer-section{margin-bottom:40px;padding-right:0}}@media (max-width: 976px){.word-transition,.call-to-action-text{font-size:2.2rem}.call-to-action-container{padding:10px;margin-top:3%;margin-left:10%}.call-to-action-subtext{font-size:1rem;font-weight:500;width:700px}}@media (max-width: 762px){.word-transition,.call-to-action-text{font-size:1.8rem}.call-to-action-container{padding:10px;margin-top:3%;margin-left:10%}.call-to-action-subtext{font-size:1rem;font-weight:500;width:500px}}@media (max-width: 600px){.word-transition,.call-to-action-text{font-size:1.5rem}.call-to-action-container{padding:10px;margin-top:3%;margin-left:10%}.call-to-action-subtext{font-size:1rem;font-weight:500;width:400px}}@media (max-width: 470px){.word-transition,.call-to-action-text{font-size:1.2rem}.call-to-action-container{padding:10px;margin-top:3%;margin-left:10%}.call-to-action-subtext{font-size:.6rem;font-weight:500;width:300px}}@media (max-width: 1300px){.hidden-img{display:none}.call-to-action-right{align-items:center}}body{margin-top:10px}.logo{width:150px;height:150px;margin-right:20px;display:flex;align-items:center}header{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#f4d35e;border-radius:50px 15px;width:85%;margin:20px auto 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header a{position:relative;display:inline-block;text-decoration:none;color:#0d3b66;font-size:2rem;font-family:lexend,sans-serif;font-weight:bolder;margin-right:10px}#play-quiz{padding:20px;background-color:#0d3b66;border-radius:10px;transition:all .6s ease;color:#f4d35e;width:200px;font-size:2rem;text-align:center}#play-quiz:hover{transform:scale(1.05);box-shadow:0 0 20px #ffff004d;background-color:#0d3b66e3}@keyframes pulse{0%{box-shadow:0 0 #0d3b669f}70%{box-shadow:0 0 0 10px #ff400000}to{box-shadow:0 0 #ff400000}}#categories img{width:17px;height:17px;margin:0}.hoverEffect:after{content:"";position:absolute;width:0;height:3px;bottom:0;left:0;background-color:#0d3b66;transition:width 1s}.hoverEffect:hover:after{width:100%}.dropdown-element{position:relative;padding:0;margin:0}.hidden-dropdown-wrapper{display:none;position:absolute;top:100%;left:0;width:200px;background-color:#000000b3;border-radius:0 0 20px 20px;padding:20px;z-index:1;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hidden-dropdown-wrapper a{border-bottom:2px solid #ffffff;transition:border-radius .01ms ease-in-out;text-align:center}.hidden-dropdown-wrapper a:hover{background-color:#ff4000;transition:background-color .6s ease}.hidden-dropdown-wrapper a:hover:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.hidden-dropdown-wrapper a:hover:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hidden-dropdown-wrapper a:last-child{border-bottom:none}.dropdown-element:hover .hidden-dropdown-wrapper{display:block;opacity:1;transform:translateY(0)}.hidden-dropdown-wrapper a{display:block;text-decoration:none;color:#fff;font-size:1.4rem;font-family:Montserrat,serif;font-weight:bolder;padding:5px 0}.logo-hover-effect{transition:transform .5s ease-in-out,filter .5s ease-in-out}.logo-hover-effect:hover{transform:scale(1.1);filter:drop-shadow(0 0 5px #0D3B66);cursor:pointer}.burger-icon{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.burger-icon div{width:100%;height:4px;background-color:#fff;transition:transform .3s ease-in-out}.burgerDropdown.open .line1{transform:rotate(45deg) translate(5px,6px)}.burgerDropdown.open .line2{opacity:0}.burgerDropdown.open .line3{transform:rotate(-45deg) translate(5px,-6px)}.hidden-burgerDropdown-wrapper{display:none}.burgerDropdown.open .hidden-burgerDropdown-wrapper{display:flex;flex-direction:column;font-weight:400;text-align:center;position:absolute;color:#000;width:80%;background-color:#000;border-radius:20px;margin:0 auto;left:50%;transform:translate(-50%);top:100%;height:200px;z-index:1000}@media (max-width: 1250px){header a{font-size:1.2rem}#play-quiz{padding:20px}#categories img{width:13px;height:13px}}@media (max-width: 976px){header a{font-size:1rem}#play-quiz{padding:15px}#categories img{width:12px;height:12px}.logo{width:90px;height:90px}}#BurgerDropdown-wrapper{display:none;padding:10px}@media (max-width: 840px){#BurgerDropdown-wrapper{display:block}.hidden-850{display:none}}.carousel-container{width:100%;margin:0 auto}.carousel-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.carousel-title{font-size:2.5rem;margin-left:9%;font-weight:bolder;font-family:lexend,sans-serif}.carousel-indicators{display:flex;align-items:center;gap:.5rem;margin-right:9%}.carousel-indicator{height:4px;width:10rem;border-radius:9999px;background-color:#d1d5db;border:none;padding:0;cursor:pointer;transition:background-color .3s ease}.carousel-indicator.active{background-color:#f4d35e}.carousel-wrapper{position:relative;overflow:hidden;border-radius:.5rem;background-color:#f3f4f6;padding:0 5%}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#f4d35e;padding:.5rem;border-radius:50%;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .6s ease}.carousel-arrow:hover{background-color:#fff}.carousel-arrow-left{left:1rem}.carousel-arrow-right{right:1rem}.carousel-arrow svg{color:#333}.carousel-track{display:flex;transition:transform .3s ease-in-out;width:100%}.carousel-slide{min-width:50%;padding:1rem;box-sizing:border-box;transition:transform .3s ease,opacity .3s ease}.carousel-slide.active{transform:scale(1.1);opacity:1}.carousel-slide.inactive{transform:scale(.85);opacity:.7;cursor:pointer}.carousel-slide.inactive:hover{opacity:.9;transform:scale(.88)}.project-card{background-color:#f4d35e;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}@media (min-width: 768px){.project-card{flex-direction:row}}.project-image-container{width:100%}@media (min-width: 768px){.project-image-container{width:50%}}.project-image{width:100%;height:16rem;object-fit:cover;display:block}.project-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.project-content{width:50%}}.project-title{font-size:1.25rem;font-weight:700;margin-top:0;margin-bottom:.5rem;font-family:lexend,sans-serif}.project-description{color:#4b5563;margin-bottom:1rem;font-family:Arial,sans-serif}.project-button{align-self:flex-start;padding:.5rem 2rem;background-color:#0d3b66;color:#f4d35e;border:none;font-size:1rem;border-radius:.25rem;font-weight:500;cursor:pointer;transition:background-color .6s ease-in-out;transition:transform .6s ease-in-out;font-family:lexend,sans-serif}.project-button:hover{background-color:#0d3b66ec;transform:scale(1.1)}#footer-container{background-color:#0d3b66;padding:60px 0 30px;margin-top:80px;color:#fff;font-family:Montserrat,serif}#footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.footer-section{flex:1;margin-bottom:30px;min-width:200px;padding-right:20px}.footer-section h3{color:#f4d35e;font-family:lexend,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:20px;position:relative}.footer-section h3:after{content:"";position:absolute;left:0;bottom:-10px;width:50px;height:3px;background-color:#f4d35e}.footer-section p,.footer-section li{color:#fff;line-height:1.6;margin-bottom:10px;font-family:Arial,sans-serif}.footer-links{list-style:none;padding:0}.footer-links li a{color:#fff;text-decoration:none;transition:all .3s ease;font-family:Arial,sans-serif}.footer-links li a:hover{color:#f4d35e;padding-left:5px}#social-icons{display:flex;gap:15px;margin-top:20px}#social-icons a{display:inline-block;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;text-align:center;line-height:40px;transition:all .3s ease}#social-icons a img{width:100%;height:100%;border-radius:50%;transition:all .3s ease}#social-icons a:hover img{transform:translateY(-3px)}#social-icons a:hover{background-color:#f4d35e;transform:translateY(-3px)}#newsletter-form{display:flex;margin-top:15px}#newsletter-form input{flex:1;padding:10px;border:none;border-radius:5px 0 0 5px;font-family:Montserrat,serif}#newsletter-form button{background-color:#f4d35e;color:#0d3b66;border:none;padding:10px 15px;border-radius:0 5px 5px 0;cursor:pointer;font-weight:700;transition:all .3s ease}#newsletter-form button:hover{background-color:#ffff5e}#footer-bottom{text-align:center;padding-top:30px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}#footer-bottom p{color:#ffffffb3;font-size:1.2rem;font-family:Arial,sans-serif}@media (max-width: 768px){#footer-content{flex-direction:column}.footer-section{margin-bottom:40px;padding-right:0}}@keyframes pulse{0%{box-shadow:0 0 #f4d35e66}70%{box-shadow:0 0 0 10px #f4d35e00}to{box-shadow:0 0 #f4d35e00}}*{font-family:lexend,sans-serif}body{background-color:#f4f4f9;margin:0;padding:0}.quiz-container{text-align:center;padding:10rem}.quiz-container h1{margin-top:0;color:#333;font-size:5rem}.quiz-container .answer-section{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}.quiz-container .top-answers,.quiz-container .bottom-answers{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.quiz-container .top-answers button,.quiz-container .bottom-answers button{max-width:700px;margin:5px;color:#000;border:none;font-size:1.5rem;cursor:pointer;padding:15px 10px;border-radius:4px}.quiz-container .answer-section{flex-direction:row;flex-wrap:wrap;gap:10px}.quiz-container .top-answers,.quiz-container .bottom-answers{width:100%;display:flex;justify-content:center;gap:10px;margin-bottom:0}.quiz-container .top-answers button,.quiz-container .bottom-answers button{width:270px;height:120px;flex:0 0 auto}.quiz-container .answer-section{flex-direction:column;width:100%}.quiz-container button{font-weight:700;text-align:left;transition:transform .2s,box-shadow .2s}.quiz-container .top-answers :nth-child(1){background-color:#f95738}.quiz-container .top-answers :nth-child(2){background-color:#0d3b66}.quiz-container .bottom-answers :nth-child(1){background-color:#f4d35e}.quiz-container .bottom-answers :nth-child(2){background-color:#4dc030}.quiz-container button:hover{transform:scale(1.03);box-shadow:0 6px 10px #00000026}.quiz-container .score-section{font-size:20px;color:#333}.quiz-container .question-section{margin-bottom:20px}.quiz-container .answer-section button{display:block;width:100%;margin:0}.leaderboard-container{max-width:800px;margin:30px auto;border-radius:10px}.publish-score{display:flex;gap:10px;margin-bottom:25px;justify-content:center}.publish-score input{flex:1;max-width:300px;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;outline:none;transition:border-color .3s}.publish-score input:focus{border-color:#0d3b66}.publish-score button,.leaderboard-container form button{background-color:#0d3b66;color:#fff;border:none;border-radius:5px;padding:12px 20px;font-weight:700;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;align-items:center;justify-content:center}.publish-score button:hover,.leaderboard-container form button:hover{background-color:#092b4b;transform:translateY(-2px)}.leaderboard-table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 2px 8px #0000000d;overflow:hidden;border-radius:8px}.leaderboard-table thead{background-color:#2170bb;color:#fff}.leaderboard-table th,.leaderboard-table td{padding:15px;text-align:left;color:#000}.leaderboard-table th{font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:.5px}.leaderboard-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.leaderboard-table tbody tr:nth-child(2n){background-color:#f9f9f9}.leaderboard-table tbody tr:hover{background-color:#fff5f2}.leaderboard-table tbody tr:first-child{background-color:#dadada1a}.leaderboard-table tbody tr:first-child td{font-weight:700;color:#000}.leaderboard-container form{display:flex;justify-content:center}@media (max-width: 600px){.publish-score{flex-direction:column;align-items:center}.publish-score input{max-width:100%}.leaderboard-table th,.leaderboard-table td{font-size:14px}}.leaderboards{padding:30px;margin:0 auto}.leaderboards h1{text-align:center;margin-bottom:30px;color:#0d3b66}.leaderboard-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.leaderboard-content>div{flex:1;min-width:320px;max-width:400px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:20px;margin-bottom:20px}.leaderboard-content>div>h1{font-size:1.5rem;margin-bottom:20px;text-align:center;color:#0d3b66}.leaderboard-container form{margin-bottom:20px}@media (max-width: 768px){.leaderboard-content{flex-direction:column;align-items:center}.leaderboard-content>div{width:100%}}