footer{background-color:#171717;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:200px;display:flex}footer .footer-contact-wrapper{color:gray;flex-direction:column;align-items:center;font-size:1.3rem;display:flex}footer .footer-contact-wrapper p{line-height:200%}footer .footer-contact-wrapper .contact-list{flex-direction:row;display:flex}footer .footer-contact-wrapper .contact-list a .contact-icon{border-radius:50%;width:45px;height:45px;margin:5px;transition:transform .2s ease-in-out}footer .footer-contact-wrapper .contact-list a .contact-icon:hover{transform:scale(1.2)}main#main-index+footer{scroll-snap-align:start}
header .header-wrapper{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#50505099;flex-direction:row;align-items:center;width:100%;height:60px;display:flex;position:fixed;top:0;left:0}header .header-wrapper .logo-toggle{cursor:pointer;background:url(../media/logo_text_header.69b2bbf8.png) 50%/cover no-repeat;width:128px;height:43.5px;margin:0 5px;position:relative}header .header-wrapper .logo-toggle:after{content:"";border:10px solid #0000;border-left-color:#fff;width:0;height:0;margin:11.75px 0;transition:right .2s ease-out,transform .2s ease-out;position:absolute;right:-30px;transform:rotate(0)}header .header-wrapper .logo-toggle:hover:after{right:-40px}header .navi-menu.open .navi-menu-sidebar{width:200px}header .navi-menu.closed .navi-menu-sidebar{width:0}header .navi-menu .navi-menu-sidebar{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#232727e6;height:100vh;transition:width .3s cubic-bezier(.22,.61,.36,1);position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:8px 0 10px #1b1b1b}header .navi-menu .navi-menu-sidebar a:link,header .navi-menu .navi-menu-sidebar a:visited,header .navi-menu .navi-menu-sidebar a:hover,header .navi-menu .navi-menu-sidebar a:active{text-decoration:none}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper{box-sizing:border-box;color:#fff;flex-direction:column;width:200px;font-size:1rem;display:flex}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .navi-menu-sidebar-exit{text-align:center;cursor:pointer;border-radius:5px;align-items:center;width:max-content;height:max-content;margin:10px;padding:8px 12px;transition:background-color .1s ease-out;display:flex}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .navi-menu-sidebar-exit:hover{background-color:#50505099}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .huajireka-wrapper{flex-direction:row;align-items:center;padding:10px;display:flex}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .huajireka-wrapper .huajireka-photo{background:url(../media/huajisoup.9e298c51.png) 50%/cover no-repeat;border:2px solid #fff;border-radius:100%;flex-shrink:0;width:50px;height:50px;margin:7px}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .portals-wrapper .portal{flex-direction:row;align-items:center;width:100%;height:55px;transition:background-color .1s ease-out;animation:.35s cubic-bezier(.22,.61,.36,1) .1s backwards portal-appear;display:flex}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .portals-wrapper .portal .portal-icon{color:#fff;width:25px;height:25px;margin:10px}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .portals-wrapper .portal p b{color:#fff;font-size:1.2rem}header .navi-menu .navi-menu-sidebar .navi-menu-sidebar-wrapper .portals-wrapper .portal:hover{background-color:#50505099}@keyframes portal-appear{0%{opacity:0;translate:-30%}to{opacity:1;translate:0}}header .navi-menu.open .navi-menu-backdrop{display:block}header .navi-menu.closed .navi-menu-backdrop{display:none}header .navi-menu .navi-menu-backdrop{z-index:4;background-color:#0003;width:100vw;height:100vh;position:fixed;top:0;left:0}
:root{font-size:min(16px,4vw,4vh)}*{margin:0}::selection{background-color:#80808099}button{appearance:none;border:none;border-radius:5px;outline:none;margin:5px;padding:5px 15px}html{scroll-snap-type:y mandatory}html body{background-color:#0a0a0a;width:100vw;font-family:Arial,Helvetica,sans-serif;overflow:hidden auto}html body main#error-main{box-sizing:border-box;color:#fff;background-color:#00f;width:100%;height:max-content;min-height:100vh;padding:10vh 20px;font-size:1.5rem}html body main#error-main h1,html body main#error-main h2,html body main#error-main h3{font-size:3rem}html body main#error-main hr{background-color:#fff;height:1px;margin:10px 0}