*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lato,sans-serif;margin:0}h1,h2,h3{font-family:Cormorant Garamond,serif}.hero-wrapper{margin-bottom:2rem}.hero-wrapper .hero-image{width:100%;height:30vh;background-image:url(/assets/cherry-blossoms-4825302_1920-DBX4hLK7.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-width:768px){.hero-wrapper .hero-image{height:33vh}}.hero-wrapper .hero-content{display:flex;flex-direction:column;align-items:center}.hero-wrapper .hero-content h1{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-top:2rem;text-align:center;letter-spacing:.02em}@media(min-width:768px){.hero-wrapper .hero-content h1{font-size:3rem;margin-top:2.5rem}}@media(min-width:1024px){.hero-wrapper .hero-content h1{font-size:4rem}}.hero-wrapper .hero-content .attributes ul{display:flex;align-items:center;gap:.45rem;padding:0;margin:0}@media(min-width:768px){.hero-wrapper .hero-content .attributes ul{gap:.75rem}}.hero-wrapper .hero-content .attributes ul li{list-style:none;display:flex;align-items:center;font-size:14px;color:#63484f;font-weight:400;letter-spacing:.01em}@media(min-width:375px){.hero-wrapper .hero-content .attributes ul li{font-size:16px}}@media(min-width:768px){.hero-wrapper .hero-content .attributes ul li{font-size:1.125rem}}.hero-wrapper .hero-content .about-me{padding-top:2rem;color:#63484f;width:90%;margin:auto;text-align:center}@media(min-width:768px){.hero-wrapper .hero-content .about-me{width:50%}}.hero-wrapper .hero-content .learn-more{background-color:#1472d6;font-family:Lato,sans-serif;font-size:16px;font-weight:500;padding:.875rem 2rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:2px 3px 6px #00000073;letter-spacing:.02em;margin-top:3rem}@media(min-width:768px){.hero-wrapper .hero-content .learn-more{font-size:1.125rem;padding:1rem 2.5rem;margin-top:4rem}}.hero-wrapper .hero-content .learn-more:hover{background-color:#115eb1;box-shadow:2px 3px 6px #00000073}.hero-wrapper .hero-content .learn-more:active{background-color:#0f549e;transform:translateY(1px);box-shadow:2px 3px 6px #00000073}.hero-wrapper .hero-content .learn-more a{text-decoration:none;color:#fff}.two-truths{padding:3rem 1.5rem;background-color:#fff}@media(min-width:768px){.two-truths{padding:4rem 2rem}}@media(min-width:1024px){.two-truths{padding:5rem 2rem}}.two-truths .selection-wrapper{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto}.two-truths .selection-wrapper h2{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;text-align:center;letter-spacing:.02em}@media(min-width:768px){.two-truths .selection-wrapper h2{font-size:2.5rem;margin-bottom:1.25rem}}@media(min-width:1024px){.two-truths .selection-wrapper h2{font-size:3rem;margin-bottom:1.5rem}}.two-truths .selection-wrapper>p{font-family:Lato,sans-serif;font-size:16px;color:#63484f;margin:0 0 2rem;text-align:center}@media(min-width:768px){.two-truths .selection-wrapper>p{font-size:1.125rem;margin-bottom:2.5rem}}.two-truths .selection-wrapper .selections{display:flex;flex-direction:column;gap:1rem;border:none;padding:0;margin:0;width:100%}@media(min-width:768px){.two-truths .selection-wrapper .selections{gap:1.25rem}}.two-truths .selection-wrapper .selections .selection{background-color:#88b38a;border:2px solid #88B38A;border-radius:8px;padding:1rem 1.25rem;min-height:44px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;font-family:Lato,sans-serif;font-size:16px;color:#1a1a1a;font-weight:400}@media(min-width:768px){.two-truths .selection-wrapper .selections .selection{padding:1.25rem 1.5rem;font-size:1.125rem}}.two-truths .selection-wrapper .selections .selection input{position:absolute;opacity:0;width:0;height:0}.two-truths .selection-wrapper .selections .selection input:focus-visible+.selection{outline:3px solid #88B38A;outline-offset:2px}.two-truths .selection-wrapper .selections .selection input:checked~.selection{border-color:#88b38a;background-color:#88b38a4d}.two-truths .selection-wrapper .selections .selection:hover{border-color:#88b38a;background-color:#88b38ab3}.two-truths .selection-wrapper .selections .selection:has(input:checked){border-color:#88b38a;background-color:#88b38a4d;font-weight:500;box-shadow:0 0 0 1px #88b38a}.two-truths .selection-wrapper .selections .selection:has(input:focus-visible){outline:3px solid #88B38A;outline-offset:2px}.two-truths .answer-wrapper{max-width:800px;margin:2rem auto 0;padding:0 1.5rem}@media(min-width:768px){.two-truths .answer-wrapper{margin-top:2.5rem}}.two-truths .answer-wrapper .answer{background-color:#f3eaf0;border-radius:8px;padding:1.25rem 1.5rem;font-family:Lato,sans-serif;font-size:16px;color:#1a1a1a;line-height:1.6;margin:0}.two-truths .answer-wrapper .answer.correct{border-left:4px solid #88B38A}.two-truths .answer-wrapper .answer.incorrect{border-left:4px solid #EBA3B9}@media(min-width:768px){.two-truths .answer-wrapper .answer{padding:1.5rem 2rem;font-size:1.125rem}}.header-wrapper{display:flex;justify-content:space-between;position:sticky;top:0;background-color:#fff;align-items:center;padding:0 1rem;height:45px;box-shadow:0 1px 3px #0000001a;z-index:1004}.header-wrapper .logo{display:flex;align-items:center}.header-wrapper .logo img{height:35px;width:auto}.header-wrapper .nav-wrapper{display:flex;align-items:center;flex-direction:column;gap:2rem;position:fixed;top:45px;right:-100%;padding:2rem 4rem;background-color:#fff;transition:right .3s ease;z-index:1001}.header-wrapper .nav-wrapper.nav-open{right:0}.header-wrapper .nav-wrapper .nav-link{text-decoration:none}.header-wrapper .nav-wrapper .nav-link:hover{color:#1472d6}.header-wrapper .nav-wrapper .nav-link.active{color:#1472d6;border-bottom:2px solid #1472D6}@media(min-width:640px){.header-wrapper .nav-wrapper{position:static;flex-direction:row;gap:2rem;padding:0}}.header-wrapper .hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1002}@media(min-width:640px){.header-wrapper .hamburger{display:none}}.header-wrapper .hamburger span{width:30px;height:2px;background-color:#000;border-radius:3px;transition:all .3s ease}.header-wrapper .hamburger.hamburger-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header-wrapper .hamburger.hamburger-open span:nth-child(2){opacity:0}.header-wrapper .hamburger.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.header-wrapper .overlay{position:fixed;top:45px;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.game-cta{padding:3rem 1.5rem;background-color:#fff;text-align:center}@media(min-width:768px){.game-cta{padding:4rem 2rem}}.game-cta h3{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;letter-spacing:.02em}@media(min-width:768px){.game-cta h3{font-size:2.5rem;margin-bottom:1.25rem}}@media(min-width:1024px){.game-cta h3{font-size:3rem;margin-bottom:1.5rem}}.game-cta p{font-family:Lato,sans-serif;font-size:16px;color:#63484f;margin:0 auto 2rem;max-width:600px;line-height:1.6}@media(min-width:768px){.game-cta p{font-size:1.125rem;margin-bottom:2.5rem}}.game-cta a{display:inline-block;text-decoration:none}.game-cta .game-cta-button{background-color:#1472d6;color:#fff;font-family:Lato,sans-serif;font-size:16px;font-weight:500;padding:.875rem 2rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:2px 3px 6px #00000073;letter-spacing:.02em}@media(min-width:768px){.game-cta .game-cta-button{font-size:1.125rem;padding:1rem 2.5rem}}.game-cta .game-cta-button:hover{background-color:#115eb1;box-shadow:2px 3px 6px #00000073}.game-cta .game-cta-button:active{background-color:#0f549e;transform:translateY(1px);box-shadow:2px 3px 6px #00000073}.player-wrapper{position:absolute}.player-wrapper .player{opacity:1;transition:opacity .5s ease-out polygon;transition-fill:#00ff00;transition-stroke:#00aa00;transition-stroke-width:1}.player-wrapper .player.hit{opacity:0}.player-wrapper .player.invincible{animation:blink .3s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.content-wrapper.game{background-color:#f3eaf0;display:flex;justify-content:center;align-items:center;padding:2rem}.game-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.game-wrapper .game-stage-wrapper{display:flex;gap:3rem}.game-wrapper .game-stage-wrapper .instructions{width:10%}.game-wrapper .game-stage-wrapper .instructions h2{padding-bottom:1rem}.game-wrapper .game-stage-wrapper .instructions p{padding-bottom:.5rem}.game-wrapper .game-stage-wrapper .instructions p span{font-weight:700}.game-wrapper .game-stage-wrapper .game-stage{position:relative;height:400px;width:800px;overflow:hidden;background:linear-gradient(to bottom,#87ceeb,#b0d9f1);border:3px solid #1A1A1A;border-radius:8px;box-shadow:0 8px 24px #00000026}.game-wrapper .game-status{display:flex;gap:1.5rem;background-color:#fff;padding:.75rem 2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:.875rem;color:#63484f}.game-wrapper .game-status p{margin:0;font-size:1.25rem}.game-wrapper .game-status p span{font-weight:700;font-size:1.125rem}.fire{position:absolute;display:flex;align-items:center;justify-content:center;width:25px;height:30px;font-size:30px;line-height:1;-webkit-user-select:none;user-select:none;animation:flicker .3s infinite alternate;border-radius:50px}@keyframes flicker{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.coin{position:absolute;display:flex;align-items:center;font-size:30px;width:40px;height:40px;line-height:1;-webkit-user-select:none;user-select:none;animation:rotateCoin 2s linear infinite}@keyframes rotateCoin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.game-over-wrapper .game-over-content{text-align:center;background-color:#fff;padding:3rem 4rem;border-radius:16px;box-shadow:0 8px 24px #0003}.game-over-wrapper .game-over-content h2{font-family:Cormorant Garamond,serif;font-size:3rem;color:#63484f;margin:0 0 2rem}.game-over-wrapper .game-over-content .game-over-stats-wrapper{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.game-over-wrapper .game-over-content .game-over-stats-wrapper .stat{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.5rem;background-color:#f3eaf0;border-radius:8px}.game-over-wrapper .game-over-content .game-over-stats-wrapper .stat .stat-label{font-size:1.125rem;color:#63484f;font-weight:500}.game-over-wrapper .game-over-content .game-over-stats-wrapper .stat .stat-value{font-size:2rem;font-weight:700;color:#1472d6}.game-over-wrapper .game-over-content .button-replay{background-color:#1472d6;color:#fff;font-family:Lato,sans-serif;font-size:1.125rem;font-weight:500;padding:1rem 3rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;letter-spacing:.02em}.game-over-wrapper .game-over-content .button-replay:hover{background-color:#115eb1;box-shadow:0 4px 12px #0003}.game-over-wrapper .game-over-content .button-replay:active{background-color:#0f549e;box-shadow:0 2px 8px #00000026}.footer-wrapper{background-color:#1a1a1a;color:#fff;padding:2rem 1rem;margin-top:auto}.footer-wrapper .footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}@media(max-width:640px){.footer-wrapper .footer-content{flex-direction:column;align-items:flex-start}}.footer-wrapper .footer-left{display:flex;flex-direction:column;gap:.75rem}.footer-wrapper .footer-left .footer-logo img{height:50px;width:auto}.footer-wrapper .footer-left .copyright{font-size:.875rem;color:#ffffffb3;margin:0}.footer-wrapper .footer-right{display:flex;align-items:center;gap:3rem}@media(max-width:640px){.footer-wrapper .footer-right{flex-direction:column;align-items:flex-start;gap:1.5rem}}.footer-wrapper .footer-right .footer-nav{display:flex;gap:2rem;flex-wrap:wrap}.footer-wrapper .footer-right .footer-nav .footer-nav-link{color:#fff;text-decoration:none;font-size:16px;transition:color .3s ease}.footer-wrapper .footer-right .footer-nav .footer-nav-link:hover{color:#1472d6}.footer-wrapper .footer-right .footer-nav .footer-nav-link.active{color:#1472d6;font-weight:700}.footer-wrapper .footer-right .social-links{display:flex;gap:1rem}.footer-wrapper .footer-right .social-links .social-link{color:#fff;transition:color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.footer-wrapper .footer-right .social-links .social-link:hover{color:#1472d6;transform:translateY(-2px)}.footer-wrapper .footer-right .social-links .social-link svg{width:24px;height:24px}
