body{margin:0;width:100vw;height:100vh;background-color:var(--primary-color);color:var(--word-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;max-width:100%;overflow-x:hidden}.pages{display:flex;height:90vh;width:100vw}.page-title{margin:1rem auto 3rem;font-size:4rem;font-family:Titan One,cursive;letter-spacing:.5rem;text-shadow:10px 5px var(--secondary-color)}@media screen and (max-width: 576px){.page-title{margin:6rem auto 3rem;font-size:3rem;letter-spacing:.5rem;text-shadow:7.5px 3.75px var(--secondary-color)}}.dark_mode{display:flex;justify-content:center}.dark_mode:hover{scale:1.05}.dark_mode_label{width:90px;height:30px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;transition:.3s}.dark_mode_label:after{content:"";width:25px;height:25px;position:absolute;top:3px;left:3px;background:linear-gradient(180deg,#f5d789,#7d8ca3);border-radius:180px;box-shadow:0 5px 10px #0003;transition:.3s}.dark_mode_input{visibility:hidden}.dark_mode_input:checked+.dark_mode_label{background:#232427}.dark_mode_input:checked+.dark_mode_label:after{left:88px;transform:translate(-100%);background:linear-gradient(0deg,#f5d789,#7d8ca3)}.dark_mode_label:active:after{width:30px}nav{position:fixed;top:1%;z-index:99}#nav-toggle-btn{color:var(--secondary-color);padding:.5rem 1rem;margin-left:1rem;margin-top:1rem;border:none;outline:none;background:var(--primary-color);cursor:pointer;position:relative;z-index:0;border-radius:10px;box-shadow:var(--secondary-color) 0 5px 15px;text-transform:uppercase;letter-spacing:.1em;font-family:Stick No Bills,sans-serif;margin:1rem}#nav-toggle-btn:before{content:"";background:linear-gradient(45deg,var(--secondary-color),var(--word-color),var(--secondary-color),var(--word-color),var(--secondary-color),var(--word-color));position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}#nav-toggle-btn:active{color:var(--primary-color)}#nav-toggle-btn:active:after{background:transparent}#nav-toggle-btn:hover:before{opacity:1}#nav-toggle-btn:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:var(--primary-color);left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.fa-bars{font-size:1.5rem}#staticBackdrop{background-color:var(--secondary-color)}.nav-content{display:flex;flex-direction:column;justify-content:space-around}.nav-item-container{display:flex;justify-content:center;text-decoration:none;color:var(--primary-color);padding:2.5rem}.nav-item-container:hover{color:var(--word-color)}.nav-icon{font-size:2rem;margin-right:.8rem}.nav-words{font-size:1.5rem;text-transform:uppercase;letter-spacing:.2rem}@media screen and (max-width: 1023px){#nav-toggle-btn{margin-left:1.5rem;margin-top:1.5rem}}#loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw}.water{width:25rem;height:25rem;background-color:var(--secondary-color);border-radius:50%;position:relative;box-shadow:inset 0 0 30px #00000080,0 4px 10px #00000080;overflow:hidden}.water:before,.water:after{content:"";position:absolute;width:25rem;height:25rem;top:-150px;background-color:#fff}.water:before{border-radius:45%;background:#ffffffb3;animation:wave 5s linear infinite}.water:after{border-radius:35%;background:#ffffff4d;animation:wave 5s linear infinite}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-container h3{font-size:3rem;color:var(--secondary-color);margin-top:1rem;letter-spacing:.5rem;text-transform:uppercase;font-weight:800}@media screen and (max-width: 1023px){.water{width:22rem;height:22rem}.water:before,.water:after{width:22rem;height:22rem}#loading-container h3{font-size:2.5rem}}@media screen and (max-width: 576px){.water{width:16rem;height:16rem}.water:before,.water:after{width:18rem;height:18rem}#loading-container h3{font-size:2rem}}:root{--primary-color: #FEF8DD;--secondary-color: #004B96;--word-color: #171614;--input-hover-color:#58575109}[data-theme=dark]{--primary-color: #2D2D34;--secondary-color: #7D84B2;--word-color: #fbfff1;--input-hover-color: #cbcbff06}#root{height:100vh;width:100vw}.background{position:fixed;top:0;left:0;z-index:-2;width:100%;height:100%}