html,body{margin:0;position:relative;overflow:hidden}[data-theme=dark]{--background-color: #171F16;--text-color: #66975a;--border-color: #1E2B20;--highlight-color: #A7E9A9}[data-theme=light]{--background-color: #D6CBAF;--text-color: #1f1d19;--border-color: #a99c7d;--highlight-color: #1f1d19;--highlight-border-color: #352f27}[data-theme=light] .toggle_icon{filter:none}[data-theme=light] .menu_button,[data-theme=light] .tv_hover{text-shadow:none}[data-theme=light] .menu_button:hover,[data-theme=light] .toggle_button:hover{border:.4rem solid var(--highlight-border-color)}body{background-color:var(--background-color);color:var(--text-color);font-family:Inconsolata,Helvetica,sans-serif}.progress-container,.darkness{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;z-index:20}.progress-container{background-color:#171f16;pointer-events:none}#first-progress-container{z-index:25}#second-progress-container{z-index:19;opacity:0}.progress-container:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;z-index:10;pointer-events:none;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.4) 50%);background-size:.8vh .4vh;box-shadow:inset 0 0 30vh #000c}.darkness{opacity:0;display:none}.progress{font-size:2.5rem;color:#66975a;font-family:Pixel,Helvetica,sans-serif}.controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;z-index:1}.toggle_button{margin:.2rem;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:var(--background-color);color:var(--text-color);border:.4rem solid var(--border-color);border-radius:1rem;box-shadow:0 0 10px #00000040;fill:var(--text-color)}.toggle_button:hover{background-color:var(--highlight-color);color:var(--background-color);border:.4rem solid var(--highlight-color);text-shadow:none;box-shadow:0 0 5px var(--highlight-color);fill:var(--background-color)}.toggle_button:hover>.toggle_icon{filter:none}#backButton{position:absolute;display:none;opacity:0;top:10px;left:10px}.toggle_icon{filter:drop-shadow(0 0 2px var(--text-color))}#icon-dark{width:2.6rem;height:2.6rem}#icon-light{width:2.8rem;height:2.8rem}#icon-mute{display:block;width:2.5rem;height:2.5rem;transform:translateY(-.05rem)}#icon-sound{display:none;width:2.8rem;height:2.8rem;transform:translateY(.05rem)}#icon-back{width:2.7rem;height:2.7rem;transform:translate(-.15rem)}.icon-close{width:2rem;height:2rem}.about_close_button{width:3rem;height:3rem;position:absolute;top:-2rem;right:-2rem}.popup{position:absolute;bottom:-20%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:100;opacity:0}.menu_container,.about_container,.contact_container,.detail_container{position:absolute;top:50%;left:50%;transform:translate(-50%,-35%);display:none;flex-direction:column;opacity:0}.about_container,.contact_container,.detail_container{padding:2rem;background-color:var(--background-color);color:var(--text-color);font-size:1.2rem;border:.4rem solid var(--border-color);font-family:Inconsolata,Helvetica,sans-serif;border-radius:2rem;box-shadow:0 0 10px #00000040;display:none;flex-direction:column;gap:.4rem}.about_image_container{display:flex;gap:1rem;justify-content:center;align-items:center}.about_image{width:15rem;height:15rem;border-radius:1rem}.about_title{font-size:2.5rem;font-family:Pixel,Helvetica,sans-serif;text-transform:uppercase;width:100%;padding:.2rem 0;margin:0;margin-bottom:1.2rem;border-top:2px solid var(--highlight-color);border-bottom:2px solid var(--highlight-color);color:var(--highlight-color)}.selected_text{color:var(--highlight-color)}.contact_text{font-size:1.2rem;line-height:1.2;margin:0}.contact_link{color:var(--highlight-color);text-decoration:underline;cursor:pointer}.menu_button,.tv_hover{padding:1.2rem 4rem;margin:.2rem;font-size:2rem;font-family:Pixel,Helvetica,sans-serif;text-transform:uppercase;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--background-color);color:var(--text-color);border:.4rem solid var(--border-color);border-radius:1rem;text-shadow:0 0 3px var(--text-color);box-shadow:0 0 10px #00000040}.menu_button:hover{background-color:var(--highlight-color);color:var(--background-color);border:.4rem solid var(--highlight-color);text-shadow:none;box-shadow:0 0 5px var(--highlight-color)}.tv_hover{position:absolute;padding:.6rem 1rem;margin:.2rem;font-size:1.5rem;transform:translate(-50%,-50%);pointer-events:none;display:none}.detail_container{z-index:30;max-height:80vh;transform:translate(-50%,-35%);opacity:0;display:none;flex-direction:column;gap:2rem}.detail1_wrapper{display:flex;flex-direction:row;gap:2rem}.detail2_wrapper{overflow-y:scroll;overflow-x:hidden}.detail1_video{width:15rem;border:.4rem solid var(--border-color);border-radius:1rem}.detail3_video{width:90vh;margin-bottom:1rem}.detail5_video{width:35vh;margin-right:1rem}.detail6_video{width:80vh;margin-bottom:1rem}.detail2_iframe-wrapper{width:100vh;height:56vh;border:.4rem solid var(--border-color);border-radius:1rem;overflow:hidden;margin-bottom:2rem}.detail8_iframe-wrapper{width:35vh;height:70vh;margin-right:2rem;margin-bottom:0}.detail10_iframe-wrapper{width:30vh;height:65vh}.detail2_iframe{width:100%;height:100%;border:none}.detail5_text-wrapper{display:flex}.detail8_text-wrapper{display:grid;grid-template-columns:35vh auto;gap:2rem}.detail10_text-wrapper{display:grid;grid-template-columns:30vh 55vh;gap:2rem;margin-bottom:2rem}.detail10_-image{width:100%;height:auto;border-radius:1rem}.detail_button{margin-top:2rem;font-size:1.8rem;padding:.5rem}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--background-color);border:none}body::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:5px;border:none}body{scrollbar-color:var(--text-color) var(--background-color);scrollbar-width:thin}@keyframes blink{0%,to{opacity:.1}50%{opacity:.3}}@font-face{font-family:Base;src:url(./Base-Dm5-3V_K.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Pixel;src:url(./GNF-bLqSUnjT.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Inconsolata;src:url(./Inconsolata-Regular-BIL2d0OX.woff2) format("woff2");font-weight:400;font-style:normal}
