body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fff5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#f9fff5;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes button-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle-button{align-items:center;animation:button-rotate 2s linear infinite;background-color:initial;border:2px solid #61c482;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;margin:0 auto;transition:transform .3s ease-in-out,background-color .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out;width:60px}.toggle-button.light{background-color:#f7f9f6}.toggle-button.dark{background-color:#333}.toggle-button:hover{height:45px;transform:scale(1.1);width:45px}.App-logo{height:100px;margin-top:10px;width:100px}.fifth-section,.fourth-section,.next-section,.overview-container,.third-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;transition:background-color .1s ease-in-out}.typewriter p{animation:typing 5.5s steps(30),blink-caret .5s step-end infinite;color:#61c482}.typewriter,.typewriter p{border-right:.15em solid #4168d3;font-family:monospace;font-size:16px;letter-spacing:.15em;margin:0 auto;overflow:hidden;white-space:nowrap}.typewriter{animation:typing 2.5s steps(30),blink-caret .5s step-end infinite;color:#2f4b52}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#4168d3}}@media (max-width:767px){.typewriter{font-size:24px}p{font-size:1.5rem}h2{font-size:.9rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animate-bounce{animation:bounce 2s infinite}.arrow-icon path{fill:#7e7e7e}.dark-mode .arrow-icon path{fill:#d1c7c7}.dark-mode{background-color:#1e1e1e}.arrow-button{background-color:initial;border:none;bottom:130px;color:#4862b6;cursor:pointer;font-size:3em;padding:30px;position:fixed;right:20px;transition:color .3s}.arrow-button:hover{color:#24a87f}.arrow-button-section2{background-color:initial;border:none;bottom:90px;color:#161515;cursor:pointer;font-size:4em;padding:30px;position:absolute;right:20px;transition:color .3s}.next-section h1{font-size:5em;margin:10px 0;text-align:center}.next-section p{font-size:2em;margin:10px 0;text-align:center}.dark-mode .sub-text{color:#ccc}.glasses-image{height:auto;margin-bottom:50px;max-width:100%;transition:filter .3s ease-in-out;width:550px}.text-wrapper{margin-bottom:20px;text-align:center}.animated-text{color:#a8a6a6;cursor:pointer;font-size:2.5em;font-weight:700;margin:10px 0;transition:color .3s ease-in-out}.dark-mode .animated-text{color:#fff}.animated-text:nth-child(2){color:#24a87f;font-size:1.5em}.dark-mode .animated-text:nth-child(2){color:#98ffda}.start-button{background-color:#24a87f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5em;padding:15px 30px;transition:background-color .3s}.start-button:hover{background-color:#1f8c6a}.dark-mode .start-button{background-color:#3bb391}.divider{border:1px solid #ccc;margin-bottom:30px;width:80%}.dark-mode .divider{border-color:#555}.next-section{padding:50px 20px;text-align:center}.next-section h1{color:#333;font-size:2.5em}.next-section .green-text{color:#24a87f}.dark-mode .next-section h1,.dark-mode .next-section p{color:#fff}@media (max-width:1200px){.typewriter p{font-size:14px}.start-button{font-size:1.3em;padding:12px 25px}.typewriter h1{animation:none;border-right:none;color:#52588a;font-family:monospace;font-size:16px;letter-spacing:.15em;margin:0 auto;max-width:90vw;overflow:hidden;white-space:normal;word-break:break-word}.text-wrapper{word-wrap:break-word;margin-bottom:20px;max-width:90vw;text-align:center}}@media (max-width:992px){.typewriter p{font-size:12px}.start-button{font-size:1.2em;padding:10px 20px}.typewriter h1{animation:none;border-right:none;color:#52588a;font-family:monospace;font-size:16px;letter-spacing:.15em;margin:0 auto;max-width:90vw;overflow:hidden;white-space:normal;word-break:break-word}.text-wrapper{word-wrap:break-word;margin-bottom:20px;max-width:90vw;text-align:center}}@media (max-width:768px){.next-section,.overview-container{padding:10px}.typewriter h1{font-size:16px;max-width:90vw;white-space:normal;word-break:break-word}.typewriter,.typewriter p{font-size:14px}.glasses-image{height:auto;width:80%}.text-wrapper h1{font-size:1.5em}.start-button{font-size:1em;padding:10px 20px}.arrow-button{font-size:1.5em}}@media (max-width:576px){.overview-container{padding:5px}.typewriter h1{animation:none;border-right:none;color:#52588a;font-family:monospace;font-size:16px;letter-spacing:.15em;margin:0 auto;max-width:90vw;overflow:hidden;white-space:normal;word-break:break-word}.typewriter,.typewriter p{font-size:.9em}.glasses-image{height:auto;width:100%}.text-wrapper h1{font-size:1.2em}.start-button{font-size:.9em;padding:6px 12px}.arrow-button{font-size:1.2em}}@media (max-width:480px){.next-section,.overview-container{padding:5px}.typewriter,.typewriter p{font-size:12px}.glasses-image{height:auto;width:100%}.text-wrapper h1{font-size:1.2em}.start-button{font-size:.8em;padding:8px 16px}.arrow-button{font-size:1.2em}}.dark-mode .green-text{color:#98ffda}.sub-text{color:#777;font-size:1.2em}.dark-mode .sub-text{color:#bbb}.overview-container,.third-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;transition:background-color .1s ease-in-out}.third-section-title{color:#18a558;font-size:2.5em;font-weight:700;margin-bottom:15px}.third-section-subtitle{font-size:1.8em;font-weight:700;margin-bottom:20px}.third-section-content{color:#3a3a3a;font-size:1.6em;margin:0 auto;max-width:800px}.dark-mode .third-section{background-color:#111}.dark-mode .third-section-content,.dark-mode .third-section-subtitle,.dark-mode .third-section-title{color:#e0e0e0}.fourth-section,.overview-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;transition:background-color .1s ease-in-out}.fourth-section-title{color:#18a558;font-size:2.5em;font-weight:700;margin-bottom:15px}.fourth-section-subtitle{font-size:1.8em;font-weight:700;margin-bottom:20px}.fourth-section-content{color:#3a3a3a;font-size:1.6em;margin:0 auto;max-width:800px}.dark-mode .fourth-section{background-color:#111}.dark-mode .fourth-section-content,.dark-mode .fourth-section-subtitle,.dark-mode .fourth-section-title{color:#ece2e2}.fifth-section,.overview-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;transition:background-color .1s ease-in-out}.fifth-section-title{color:#18a558;font-size:2.5em;font-weight:700;margin-bottom:15px}.fifth-section-subtitle{font-size:1.8em;font-weight:700;margin-bottom:20px}.fifth-section-content{color:#e0e0e0;font-size:1.2em;margin:0 auto;max-width:800px}.dark-mode .fifth-section{background-color:#111}.dark-mode .fifth-section-content,.dark-mode .fifth-section-subtitle,.dark-mode .fifth-section-title{color:#e0e0e0}@media (max-width:768px){.overview-container,.third-section{padding:10px}.typewriter,.typewriter p{font-size:14px}.glasses-image{height:auto;width:80%}.text-wrapper h1{font-size:1.5em}.start-button{font-size:1em;padding:10px 20px}.arrow-button{font-size:1.5em}}@media (max-width:480px){.overview-container,.third-section{padding:5px}.typewriter,.typewriter p{font-size:12px}.glasses-image{height:auto;width:100%}.text-wrapper h1{font-size:1.2em}.start-button{font-size:.8em;padding:8px 16px}.arrow-button{font-size:1.2em}}.custom-hr{border:none;border-top:1px solid #727272}@media (max-width:768px){.fifth-section,.fourth-section,.next-section,.overview-container,.third-section{padding:10px}.glasses-image{width:80%}.start-button{font-size:1em;padding:10px 20px}.arrow-button{font-size:1.5em}}@media (max-width:480px){.fifth-section,.fourth-section,.next-section,.overview-container,.third-section{padding:5px}.glasses-image{width:100%}.start-button{font-size:.8em;padding:8px 16px}.arrow-button{font-size:1.2em}}@media (max-width:1200px){.typewriter p{font-size:14px}}@media (max-width:992px){.typewriter p{font-size:12px}}@media (max-width:768px){.typewriter p{font-size:10px}}@media (max-width:576px){.typewriter p{font-size:8px}}
/*# sourceMappingURL=main.92220d17.css.map*/