@use 'sass:color';html{overflow-x:hidden}@media(min-height:1010px){html{overflow-y:hidden}div.centervert{align-items:center;display:flex;justify-content:center;flex-direction:column;height:90%}}body{font:100% Helvetica,sans-serif;color:oklch(.2421 0 0);margin:0;background-color:#000;background:url(/img/serius.jpg);background-size:auto;background-repeat:no-repeat;background-position:50%}div{padding:3px 10px}header{padding:3px 10px}footer{padding:3px 10px}a:link,a:visited{color:oklch(.55 .11 256)}a:hover,a:active{color:oklch(.55 .18 256)}div.main{padding:0;width:1400px;height:850px;margin:50px auto 0}div.main div.container{display:flex;flex-flow:row wrap}div.main div.container nav{padding:50px 0 0;flex:1 0;display:flex;justify-content:start;flex-direction:column;position:relative}div.main div.container nav ul{list-style-type:none;display:block;font-size:21px;padding:0;margin:0 0}div.main div.container nav ul ul li{margin:-10px 0 17px}div.main div.container nav li{list-style-type:none;display:block;font-size:21px;margin:17px 0;background:#fce3ed;transition-duration:500ms;transition-property:all}div.main div.container nav h1{font-family:klee one,cursive;font-weight:600;font-style:normal;font-size:24px;color:oklch(.85 .03 356);background:oklch(.4 .07 123);background-image:url(/img/noise-c512.png);margin:7px 15px;padding:5px;text-align:center;border:1px solid oklch(.7 .13 76);border-radius:5px;box-shadow:0 5px 15px -1px #000;rotate:.5deg}div.main div.container nav a{display:block;padding:6px 5px;font-family:klee one,cursive;font-weight:600;font-style:normal;font-size:21px;text-decoration:none;transition-duration:500ms;transition-property:all}div.main div.container nav.flex-nav-1{order:-1;left:8px}div.main div.container nav.flex-nav-1 li{text-align:right;background-size:100%;background-image:linear-gradient(90deg,oklch(.95 .08 356) 0%,oklch(.81 .07 310) 95%,oklch(.55 .06 300) 100%);position:relative;z-index:100;box-shadow:-5px 5px 10px -2px #000;clip-path:polygon(9% 0,100% 0%,100% 100%,8% 100%)}div.main div.container nav.flex-nav-1 li a{padding-right:15px}div.main div.container nav.flex-nav-1 li:before{background-image:linear-gradient(90deg,oklch(.85 .1 356) 0%,oklch(.75 .08 310) 95%,oklch(.46 .06 300) 100%);content:"";display:block;height:100%;position:absolute;top:0;left:0;opacity:0;width:100%;z-index:-100;transition:opacity .4s}div.main div.container nav.flex-nav-1 li:hover:not(:disabled):before{opacity:1}div.main div.container nav.flex-nav-1 li:hover{clip-path:polygon(0 0,100% 0%,100% 100%,0 100%)}div.main div.container nav.flex-nav-1 li:hover a{padding-right:30px}div.main div.container nav.flex-nav-1 ul ul li{clip-path:polygon(29% 0,100% 0%,100% 100%,28% 100%)}div.main div.container nav.flex-nav-1 ul ul li:hover{clip-path:polygon(19% 0,100% 0%,100% 100%,18% 100%)}div.main div.container nav.flex-nav-1 ul ul li:hover a{padding-right:30px}div.main div.container nav.flex-nav-2{order:10;right:8px}div.main div.container nav.flex-nav-2 li{background-size:100%;background-image:linear-gradient(270deg,oklch(.95 .08 356) 0%,oklch(.81 .07 310) 95%,oklch(.55 .06 300) 100%);position:relative;z-index:100;box-shadow:5px 5px 10px -2px #000;clip-path:polygon(0 0,91% 0%,92% 100%,0 100%)}div.main div.container nav.flex-nav-2 li a{padding-left:15px}div.main div.container nav.flex-nav-2 li:before{background-image:linear-gradient(270deg,oklch(.85 .1 356) 0%,oklch(.75 .08 310) 95%,oklch(.46 .06 300) 100%);content:"";display:block;height:100%;position:absolute;top:0;left:0;opacity:0;width:100%;z-index:-100;transition:opacity .4s}div.main div.container nav.flex-nav-2 li:hover:not(:disabled):before{opacity:1}div.main div.container nav.flex-nav-2 li:hover{clip-path:polygon(0 0,100% 0%,100% 100%,0 100%)}div.main div.container nav.flex-nav-2 li:hover a{padding-left:15px}header{font-family:klee one,cursive;font-weight:600;font-style:normal;font-size:40px;background-color:oklch(.7 .13 76);background-image:url(/img/noise-c512.png);margin:0 220px;border:1px solid #000;border-radius:14px;padding:2px;box-shadow:0 5px 15px -1px #000;rotate:-.2deg}header div.paper{padding:10px;background:oklch(.37 .12 24);background-image:url(/img/noise-c512.png);color:oklch(.85 .03 356);height:60px;border:1px solid #000;border-radius:10px;text-align:center}div.subtitle{font-family:klee one,cursive;font-weight:600;font-style:normal;font-size:large;background:oklch(.85 .03 356);text-align:center;color:oklch(.2421 0 0);margin:0 250px 20px;padding:7px 10px 5px;box-shadow:0 5px 15px -1px #000;border-radius:5px;position:relative;top:-5px;z-index:-1;rotate:-.25deg}div.subtitle div{z-index:1}div.leathercover{flex:5 0;order:1;padding:7px;border:1px solid #000;border-radius:10px;background-color:oklch(.7 .13 76);background-image:url(/img/noise-c512.png);box-shadow:#000 0 5px 15px}main{box-shadow:0 1px 10px -1px #000;border:1px solid #000;border-radius:10px;background-color:oklch(.85 .03 356);background-image:url(/img/noise-512w.png)}main div.whole-pages{margin:0 8px;padding:0;max-height:900px;overflow-y:scroll;scrollbar-color:rgba(44,44,44,0)transparent;scrollbar-width:thin;display:flex;background:url(/img/greydot.png);background-repeat:repeat-y;background-position:50% 0}main div.whole-pages div.page{padding:18px;flex:1 0;min-height:564px}main div.whole-pages div.pageliner{width:1px;background:#000;margin:0 auto;padding:0;display:block;position:fixed}footer{font-family:klee one,cursive;font-weight:600;font-style:normal;box-shadow:0 5px 15px -1px #000;margin:20px 250px;background:oklch(.85 .03 356);text-align:center;rotate:.4deg;border-radius:5px}footer p{margin:0}.error,.error--serious{border:1px red;background-color:#fdd}.error--serious{border-width:3px}