@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Poppins:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);*,:after,:before{box-sizing:border-box}:focus{outline:none}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body.light{--color-nav:#fff;--color-bg:#fff;--color-bg-detail:#d6ddd6;--color-text:#000;--color-text-muted:#333;--color-hover:#a8bea933;--color-accent:#a8bea9;--menu-shadow:#00000026}body.dark{--color-nav:#000;--color-bg:#101010;--color-bg-detail:#212121;--color-text:#ececec;--color-text-muted:#ccc;--color-hover:#30303080;--color-accent:#6f8f71;--menu-shadow:#0009}:root{--color-highlight-one:#b98bff66;--color-highlight-two:#ffbcd866;--color-highlight-three:#faea9a66;--color-highlight-four:#bdebc366}.app{font-size:1rem;justify-content:center;margin:auto;max-width:100%;padding-bottom:50px;width:100%}.main-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:30px 7%}.home-div{margin-bottom:75px}h2{color:var(--color-text);margin-top:0}h3,p{color:var(--color-text);font-size:.8rem}a{color:inherit;text-decoration:none}.link-styles{overflow:hidden}button{background-color:var(--color-accent);border:1px solid var(--color-text);border-radius:5px;cursor:pointer;margin:10px auto 0;padding:10px 25px;text-shadow:1px 1px 2px #0003;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button,button:hover{color:var(--color-bg);transition:all .3s ease-in}button:hover{background-color:var(--color-text)}.fade-enter{opacity:0;z-index:1}.fade-enter.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:0;transition:opacity .3s ease-in}.app,.main-container,a,body,button,h2,h3,nav,p{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}@media screen and (max-width:500px){h2{font-size:1.2rem}}@media screen and (min-width:800px){.app{justify-content:center;max-width:1200px}}.navbar-container,.outer-nav{background-color:var(--color-nav);display:flex;justify-content:center}.navbar-container{align-items:center;color:var(--color-text);flex-direction:row;max-height:125px;max-width:1200px;padding:2% 3%;position:relative;top:0;width:100%}.navbar-container.smaller{padding:2% 7%}.navbar-container-background,.navbar-container-background.smaller{background-color:var(--color-nav);bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:4% 2%;position:relative;width:100%;z-index:5}.site-title{letter-spacing:2px;white-space:nowrap;width:30%}.navbar-container a{color:var(--color-text);text-decoration:none}nav ul li{align-content:center;display:flex;flex-wrap:nowrap}nav ul{align-items:center;display:flex;flex-direction:row;list-style:none;margin:0;padding:0}nav li{letter-spacing:1px;margin-left:2rem;z-index:5}nav .active,nav a:hover{opacity:.5}.theme-toggle-button{align-items:center;cursor:pointer;display:flex;filter:drop-shadow(0 0 2px rgba(45,45,45,.8));font-size:1.2rem;height:100%;justify-content:center;margin:0;padding:.5rem}.theme-toggle-button,.theme-toggle-button:hover{background:none;border:none;color:#ffecaf}.navbar-container,.navbar-container-background,.navbar-content,.outer-nav,nav{transition:background-color .3s ease-in-out,color .3s ease-in-out;will-change:background-color,color}.hamburger-menu,.hamburger-menu-container{display:none}@media screen and (max-width:600px){.navbar-container{flex-direction:column;padding:4% 7%}.hamburger-menu-container{display:flex;height:30px;margin:4% 7%;width:30px;z-index:6}.hamburger-menu,.hamburger-menu-container{cursor:pointer;position:absolute;right:0;top:0}.hamburger-menu{display:block;margin:14px 5px;transition:all .3s ease-in-out}.hamburger-menu-button,.hamburger-menu-button:after,.hamburger-menu-button:before{background:var(--color-text);height:1px;transition:all .3s ease-in-out;width:20px}.hamburger-menu-button:after,.hamburger-menu-button:before{content:"";position:absolute}.hamburger-menu-button:before{transform:translateY(-8px)}.hamburger-menu-button:after{transform:translateY(8px)}.hamburger-menu.icon-open .hamburger-menu-button{background:#0000;transform:translateX(50px)}.hamburger-menu.icon-open{transform:translateX(-50px)}.hamburger-menu.icon-open .hamburger-menu-button:before{transform:rotate(45deg)}.hamburger-menu.icon-open .hamburger-menu-button:after{transform:rotate(-45deg)}nav{position:absolute;top:100%;width:100vw;z-index:1}nav ul{background:var(--color-nav);border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 4px 8px var(--menu-shadow);display:flex;flex-direction:column;margin:0;opacity:0;padding:0;transform:scaleY(0);transform-origin:top}nav.animate ul{transition:transform .3s ease-in-out,opacity .3s ease-in-out}nav ul.open{opacity:1;transform:scaleY(1)}nav ul li{margin:0;padding:1.2rem;text-align:center;transition:background-color .2s ease-in-out;width:100%}nav ul li:hover{background-color:var(--color-hover)}nav ul li a:hover{color:var(--color-text)!important;opacity:1!important}nav ul li a,nav ul li.theme-toggle button{background:none;border:none;cursor:pointer;display:block;height:100%;padding:0;text-align:center;width:100%}}.easter-egg{filter:grayscale(100%);transition:transform 10s,filter .3s;width:1px}.easter-egg:hover{filter:grayscale(0);transform:scale(10)}.about-container{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:850px;width:100%}.about-main-content{align-items:center;display:flex;flex-direction:row;justify-content:center}.about-text{flex:1 1;margin-right:5px;min-width:250px;width:60%}.about-text span{display:inline-block}.about-text li{list-style-type:none}body.light .about-text p a{color:var(--color-accent);filter:brightness(60%)}body.dark .about-text p a{color:var(--color-accent)}body.light .about-text p a:hover{color:var(--color-accent);filter:brightness(30%)}body.dark .about-text p a:hover{color:var(--color-accent);filter:brightness(50%)}.about-text .about-contact a{transition:all .3s ease-out}.about-text .about-contact a:hover{color:var(--color-main-dark);opacity:.5;transition:all .3s ease-out}.about-text .rough-annotation{opacity:.4}.about-text .about-buttons{display:inline-flex;margin:10px 0 0}.about-picture{display:flex;justify-content:flex-end;padding-left:10px;width:40%}.about-picture img{border-radius:15px;box-shadow:0 4px 8px 0 var(--color-main-dark-detail),0 6px 20px 0 var(--color-main-dark-detail);max-width:275px;width:100%}.currently-reading-section{margin-top:50px;width:100%}.about-container button{margin-right:15px}@media screen and (max-width:700px){.about-container{flex-direction:column;justify-content:center}.about-container .about-text{margin-right:0;width:100%}.about-container .about-picture{display:none;justify-content:center;margin:40px auto;width:100%}.about-container .about-buttons{display:flex;justify-content:center;margin-top:30px}.about-container h2{font-size:1rem}}@media screen and (max-width:370px){.about-container .about-buttons{align-items:center;display:flex;flex-direction:column-reverse}.about-container .about-buttons button{margin:8px auto}.about-text button#linked{margin-right:0}}.currently-reading{background-color:#f4f1ea;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-top:20px;padding:20px}body.dark .currently-reading,body.dark .currently-reading h3{background-color:var(--color-bg-detail)}body.dark .currently-reading h3{color:var(--color-text)}body.dark .currently-reading .current-book{color:var(--color-text-muted)}.currently-reading h3{color:#372213c4;font-size:1.2rem;text-align:center}.currently-reading .current-book{color:#372213;font-size:.9rem;text-align:center}.current-book{margin-bottom:20px}.year-block{margin:10px 0}.year-button{background-color:var(--color-accent);border:1px solid var(--color-bg);border-radius:5px;color:var(--color-bg);cursor:pointer;padding:10px;text-align:left;transition:background-color .3s;width:100%}.year-button.active,.year-button:hover{background-color:var(--color-accent);filter:brightness(80%)}.year-button.active{color:var(--color-bg)}.year-button.active:hover{background-color:var(--color-accent);filter:brightness(80%)}.book-list{list-style-type:none;padding-left:20px}.book-list li a{color:var(--color-text-muted);font-size:.8rem;text-decoration:none}.book-list li a:hover{text-decoration:underline}.projects-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:2rem 1rem}.projects-container h2{text-align:center}.project-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;width:100%}.tag-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.tag-filter button{background:#0000;border:1px solid var(--color-hover);border-radius:20px;color:var(--color-text);cursor:pointer;font-size:.85rem;padding:.4rem .9rem;transition:background .2s ease}.tag-filter button.active{background:var(--color-hover)}.featured-project{display:flex;flex-direction:row;margin:25px 0}.featured-project h3{margin:0;text-align:left}.project-image{align-items:center;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;margin:0 25px 0 0;overflow:hidden;position:relative;width:60%}.project-image img{transition:opacity .6s;width:100%}.project-image .project-image-text{align-items:center;background-color:var(--color-accent);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-shadow:#fff 1px 0 20px;top:0;transition:opacity .6s;width:100%}.project-image:hover .project-image-text{opacity:.5}.project-image .project-image-text h2{color:#000;margin:0}.project-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;text-align:left;width:50%}.project-text p.read-more-link{margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project-text p.read-more-link a{color:inherit}.project-text p.read-more-link span{display:inline-block;transform:translateX(20%);transition:.25s}.project-text p.read-more-link:hover span{transform:translateX(40%)}@media screen and (max-width:575px){.featured-project{align-items:center;flex-direction:column}.project-image{margin:auto;min-width:225px;width:75%}.project-text{margin-top:.5em;text-align:center;width:75%}.projects-container .featured-project .project-text h3,.projects-container .featured-project .project-text p{margin:.5rem auto}}.project-card{background-color:var(--color-bg-detail);border-radius:12px;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:350px;padding:1rem;transition:transform .2s ease;width:100%}.project-card:hover{transform:translateY(-4px)}.project-card img{border-radius:8px;height:auto;margin-bottom:.75rem;object-fit:cover;width:100%}.project-content h3{font-size:1.2rem;margin:.5rem 0 .25rem}.project-content p{font-size:.95rem;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem}.tag{background-color:var(--color-hover);border-radius:12px;font-size:.75rem;padding:.25rem .6rem;white-space:nowrap}.project-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.project-links a{color:var(--color-text);font-size:.85rem;margin-left:.5rem;text-decoration:underline}.project-links a:hover{opacity:.8}.project-card-link{color:inherit;display:block;text-decoration:none}.contact-container{display:flex;flex-direction:column;justify-content:center}.contact-container h2{text-align:center}.contact-container form{display:flex;flex-direction:column;justify-content:center;margin:auto;width:300px}.contact-container form input,.contact-container form textarea{border:1px solid var(--color-text);border-radius:5px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.8rem;margin:5px 0;padding:5px 7px}.contact-container form textarea{height:5rem;resize:none}.success-message{animation:fadeIn 1s;font-size:1rem;margin-top:1rem;opacity:1;overflow:hidden;text-align:center;transition:max-height 1s ease-in-out}.error-message{color:red}.linkedInButton{animation:fadeIn 2s;margin:0 auto}button#contact-form{margin:10px auto}.linkedInButton button#linkedButton{background-color:var(--color-bg);border:1px solid var(--color-text);color:var(--color-text);transition:all .3s ease-out}.linkedInButton button#linkedButton:hover{background-color:var(--color-accent);transition:all .3s ease-in}.dark.sending{background-color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.single-project-container{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:800px}.single-project-container>div{padding:20px 0}.single-project-container h2,.single-project-container h3{min-width:225px;text-align:center}.single-project-container h3{font-size:1.2rem}.single-project-container .introduction{color:var(--color-main-dark-detail);margin:0 auto;max-width:600px;min-width:225px;text-align:center}.single-project-container button#git-repo{margin-left:1rem;margin-top:20px}.single-project-container .introduction img{border-radius:15px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin-bottom:20px;max-width:500px;width:100%}.single-project-container .key-features,.single-project-container .technologies-used{margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;width:100%}.single-project-container ul{color:var(--color-main-dark-detail);margin:auto auto 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.single-project-container .key-features img{border-radius:15px;box-shadow:0 2px 8px 0 var(--color-main-dark-detail),0 6px 20px 0 var(--color-main-dark-detail);width:100%}.single-project-container .logo-images{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.single-project-container .logo-images img{max-height:48px}.single-project-container .logo-images img#django,.single-project-container .logo-images img#openpy{max-height:30px}.iframe-container{align-items:center;display:flex;height:0;justify-content:center;padding-bottom:56.25%;position:relative;width:100%}.iframe-container iframe{height:100%;max-width:700px;position:absolute;top:0;width:100%}.dashboard{background-color:var(--color-bg);color:var(--color-text);font-family:Quicksand,sans-serif;min-height:100vh}.dashboard h1{color:var(--color-text);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;text-align:center}.my-masonry-grid{display:flex;margin-left:-1rem;width:auto}.my-masonry-grid_column{background-clip:padding-box;padding-left:1rem}.my-masonry-grid_column>.widget,.widget{margin-bottom:1rem}.widget{background-color:var(--color-bg-detail);border-radius:12px;box-shadow:0 2px 6px var(--color-bg);break-inside:avoid-column;max-height:300px;overflow-y:auto;padding:1rem;scrollbar-color:var(--color-text-muted) #0000;scrollbar-width:thin;transition:transform .2s}.widget:hover{transform:translateY(-2px)}.widget h2,.widget h3,.widget h4{color:var(--color-text);margin:.75rem 0;text-align:center}.widget h2{font-size:1.2rem}.widget h3{font-size:1rem;font-size:.85rem;font-weight:600;margin:.75rem 0 .25rem;padding-bottom:2px;text-align:center}.widget li,.widget p{color:var(--color-text);font-size:.8rem;line-height:1.4;text-align:center}.widget ul{list-style:none;margin:.5rem 0;padding-left:0}.widget li{margin:.4rem 0;position:relative}.widget li:before{color:var(--color-text-muted);left:0;position:absolute}.widget select{background-color:var(--color-bg);border-radius:12px;box-shadow:none;color:var(--color-text);display:block;font-size:.9rem;margin:0 auto 1rem;padding:.25rem}.widget select:hover{transform:none}.widget .widget-error{text-align:center}.widget::-webkit-scrollbar{width:6px}.widget::-webkit-scrollbar-track{background:#0000}.widget::-webkit-scrollbar-thumb{background-color:var(--color-text-muted);border-radius:10px}.widget-bar-container{background:linear-gradient(90deg,#5bb760,#fff597,#fbb143,#ff4c9d);border-radius:6px;height:12px;margin:8px 0;position:relative;width:100%}.widget-bar-indicator{background:#000;border-radius:4px;height:24px;position:absolute;top:-6px;transform:translateX(-50%);width:14px}.widget-bar-label{display:flex;font-size:.8rem;justify-content:center;margin-top:4px;text-align:center}.humidity-widget .widget-bar-container{background:linear-gradient(90deg,#f44336,#4caf50 30%,#4caf50 70%,#ff9800)}.widget .horoscope-text{margin-top:0}.widget-quote{color:var(--color-text);font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.widget-author{color:var(--color-text-muted);font-size:.8rem;margin-top:.5rem;text-align:left!important}.spotify-widget p{text-align:center}.spotify-button{display:flex;justify-content:center;margin-top:1rem}.spotify-login-btn{background-color:#1db954;border-radius:24px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 10px;text-decoration:none}.spotify-login-btn:hover{background-color:#1ed760}.weather-current{font-size:.85rem;text-align:center}.weather-sun-times{color:var(--color-text-muted);font-size:.75rem;margin-bottom:1.5rem;text-align:center}.weather-period-list{list-style:none;margin:0 0 .75rem;padding:0}.weather-period-item{border-bottom:1px solid var(--color-bg);display:flex;justify-content:space-between;padding:2px 0}.weather-current-entry{background-color:#ffffff80;border-radius:4px;font-weight:700;margin-left:0;padding:2px}.weather-temp,.weather-time{font-size:.8rem;padding-left:0}.weather-period-group.weather-past-entry{display:none}.sun-times{font-size:1rem;justify-content:space-evenly;margin-top:.5rem}.sun-time,.sun-times{align-items:center;display:flex}.sun-time span{margin-right:.5rem}.widget-content{align-items:center;display:flex;flex-direction:column;gap:12px}.text-bar{background-color:#f3f4f6;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:2px;line-height:1;padding:4px 8px;-webkit-user-select:none;user-select:none}.text-bar:hover{background-color:#e5e7eb}.progress-bar{background-color:#e0e0e0;border-radius:6px;height:12px;max-width:240px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#6366f1;height:100%;transition:width .4s ease-in-out}.widget-percentage{color:#4b5563;font-size:14px;font-weight:500;margin:0}.birthday-container{align-items:center;background-color:#00a6ed;background-image:url(/static/media/confetti.c0bf3f2d7ceda745567f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;padding-bottom:0!important;text-align:center}.birthday-message{-webkit-text-stroke:2px #fff;animation:bounce 2s infinite;color:#3477ff;font-family:Comic Sans MS,cursive,sans-serif;font-size:3rem;margin-bottom:80px;margin-top:100px;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.video-container{background-color:#00a6ed;border:5px solid #00a6ed;box-shadow:0 10px 20px #0003;margin-left:auto;margin-right:auto;margin-top:30px;max-width:100%;padding:0;z-index:1}.video-container iframe{height:auto;max-height:400px;width:100%}.video-container iframe:hover{box-shadow:0 0 20px 10px #f9c23c;transition:box-shadow .3s ease-in-out}.balloons{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:20px;width:100%}.balloon{animation:float 6s ease-in-out infinite;border:3px solid #fff;border-radius:50%;box-shadow:3px 3px 10px #00000080;height:70px;position:relative;width:60px}.balloon:before{background-color:#444;bottom:-30px;content:"";height:30px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.balloon:after{animation:sparkle 2s ease-in-out infinite;background:radial-gradient(circle,#fff9,#fff0);border-radius:50%;content:"";height:40px;left:10%;position:absolute;top:10%;width:20px}.balloon1{animation-delay:0s;background:linear-gradient(135deg,#f9c23c,#ffdd57)}.balloon2{animation-delay:2s;background:linear-gradient(135deg,#f70a8d,#ff9ab8)}.balloon3{animation-delay:4s;background:linear-gradient(135deg,#40de60,#aad5b2)}.balloon4{animation-delay:6s;background:linear-gradient(135deg,#ffc300,#ff5733)}.balloon5{animation-delay:8s;background:linear-gradient(135deg,#33fff9,#33ff57)}.balloon6{animation-delay:10s;background:linear-gradient(135deg,#daf7a6,#ffc300)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-50px)}to{transform:translateY(0)}}.confetti{animation:confettiFall 6s linear;position:fixed;top:-10%;z-index:0}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(100vh) rotate(2turn)}}@media (max-width:750px){.birthday-container{justify-content:flex-start;padding-top:80px}.birthday-message{-webkit-text-stroke:1px #fff;font-size:1.8rem;margin-bottom:80px}.balloons{justify-content:center;margin-bottom:50px}.balloon{height:50px;margin:0 10px;width:40px}.video-container{margin:0 auto;width:90%}.video-container iframe{height:auto;width:100%}}.secret body{align-items:center;background:radial-gradient(circle at center,navy,#000 70%);display:flex;height:100vh;justify-content:center;margin:0}.secret-container{max-width:1200px;width:80%}.secret-image{display:block;height:auto;width:100%}.secret-button-container{margin-top:20px}.secret-quiz-button{animation:glow 1.5s infinite alternate;background:#000;border:2px solid pink;border-radius:8px;box-shadow:0 0 10px pink;color:pink;display:inline-block;font-size:1.5rem;font-weight:700;padding:15px 30px;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.secret-quiz-button:hover{background:hotpink;box-shadow:0 0 20px hotpink;color:#000}@keyframes glow{0%{text-shadow:0 0 5px pink}to{text-shadow:0 0 15px pink}}.quiz-container{align-items:center;animation:backgroundGlow 5s infinite alternate;background:linear-gradient(45deg,#f0f,#fcf,#f9c);color:#fff;display:flex;flex-direction:column;font-family:Comic Sans MS,cursive,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:50px;position:relative;text-align:center}@keyframes backgroundGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.quiz-title{animation:glowText 1.5s infinite alternate;font-size:3rem;margin-bottom:30px;text-shadow:0 0 10px #f0f,0 0 20px #f3f}@keyframes glowText{0%{text-shadow:0 0 5px #f0f,0 0 10px #f3f}to{text-shadow:0 0 10px #f0f,0 0 20px #f3f}}.quiz-layout{align-items:center;display:flex;justify-content:space-between;max-width:900px;width:80%}.quiz-image{height:auto;transition:all .5s ease;width:150px}.highlight{filter:drop-shadow(0 0 15px pink);transform:scale(1.5)}.dimmed{opacity:.5}.quiz-question{align-items:center;background:#fff3;border:2px solid #f3f;border-radius:15px;box-shadow:0 0 10px #f6f;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;transition:transform .2s;width:50%}.quiz-container p{color:#000}.quiz-question:hover{transform:scale(1.05)}.quiz-buttons button{background:#f3f;border:none;border-radius:10px;box-shadow:0 0 10px #f3f;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin:10px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.quiz-buttons button:hover{background:#f6f;transform:scale(1.1)}.quiz-result{margin-top:30px}.quiz-marquee{background:#000;border-radius:10px;box-shadow:0 0 10px hotpink;color:hotpink;font-size:2rem;font-weight:700;padding:10px}@keyframes sparkle{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.sparkle{animation:sparkle 1.5s infinite;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff;height:10px;position:absolute;width:10px}.animation-page{flex-direction:column}#phaser-container{height:100%}#phaser-container,.animation-page{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.animation-page{height:100vh;padding:20px}h1{font-size:2rem;margin-bottom:20px}.back-button{background-color:#ff5733;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px}
/*# sourceMappingURL=main.b6017de3.css.map*/