@font-face{font-family:kanji;src:url(/assets/kanji-CHj5r7sC.ttf)}html{margin:0;padding:0;font-weight:400;overflow:hidden}html *{max-width:100%;max-height:100%;font-family:Raleway,sans-serif,kanji}body{width:100vw;height:100vh;margin:0;padding:0;font-family:Lato,sans-serif;font-weight:400}#main{width:100%;height:100%;display:flex}#main .sidenav{z-index:1;background-color:#111;width:max(15vw,15vh);height:100%;transition:all .5s;top:0;left:0;overflow-x:hidden}#main .sidenav a{color:#818181;padding:1vh .1vw 1vh 1.6vw;font-size:1.2vw;text-decoration:none;transition:all .5s;display:block}#main .sidenav a:hover{color:#f1f1f1}#main .sidenav .closebtn{text-align:right;padding:10px;font-size:2.5vw}#main .content{background-image:url(/assets/aka-z656rASP.jpg);background-position:50%;background-size:cover;flex-direction:column;flex:1;height:100%;display:flex}#main .content .header{justify-content:space-between;align-items:center;padding:20px;display:flex}#main .content .header .date{text-align:right;color:#fff;width:30%;font-size:1.5vw}#main .content .header .clock{text-align:center;color:#fff;width:30%;font-size:1.5vw}#main .content .header .logo{width:30%}#main .content .header .logo label{aspect-ratio:1;aspect-ratio:3.7;box-sizing:border-box;text-align:center;color:#000;outline-offset:-1vh;background-color:#fff;border:1vh solid #000;border-radius:50%;outline:1vh solid #000;justify-content:center;align-items:center;width:min(8vh,8vw);height:min(8vh,8vw);font-size:min(4vh,4vw);font-weight:700;display:flex;box-shadow:0 0 1vh .5vh #f00b}#main .content .header .logo label:hover{cursor:crosshair;outline:1vh solid #aaa8a8;box-shadow:0 0 1vh .5vh #005507}#main .content .middle{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#main .content .middle *{color:#fff;margin:10px}#main .content .middle div{flex-direction:column;justify-content:center;align-items:center;display:flex}#main .content .middle div h1{font-family:Raleway,sans-serif;font-size:4vw;font-weight:400}#main .content .middle div hr{width:50%}#main .content .middle div p{font-size:1.3vw}#main .content footer{justify-content:space-between;align-items:center;padding:10px;display:flex}#main .content footer .bottom-left{color:#daa520;font-size:1vw;bottom:1vh;left:1vw}#main .content footer .bottom-left a{color:#0ff}#main .content footer .bottom-right{gap:7px;display:flex}#main .content footer .bottom-right .social{color:#fff;font-size:1.5vw}#main .content footer .bottom-right .aparat{width:1.5vw}
