@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%}}h1{font-weight:500}body{font:100% shantell sans,Helvetica,sans-serif;color:#41352f;margin:0;background-size:auto;background:#000 url(/img/serius.jpg)no-repeat 50%;cursor:url(https://cdn.cursors-4u.net/previews/unborn-8-0-white-handwriting-3d083c3a-32.webp)32 32,auto !important}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:1700px;height:850px;margin:50px auto 0}div.main div.container{display:flex;flex-flow:row wrap}div.main div.container nav{position:relative;z-index:0;padding:50px 0 0;flex:1 0;display:flex;justify-content:start;flex-direction:column}div.main div.container nav ul{list-style-type:none;display:block;font-size:21px;padding:0;margin:0}div.main div.container nav ul ul li{margin:-10px 0 17px}div.main div.container nav li{position:relative;min-height:90px;display:flex;align-items:center;justify-content:left;text-align:left;margin:-8px 0;background-image:url(/img/bookmark.png);background-repeat:no-repeat;background-size:auto 100%;background-position:100%;transition-duration:500ms;transition-property:all}div.main div.container nav li::before,div.main div.container nav li::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-size:auto 100%;background-position:100%;pointer-events:none}div.main div.container nav li::before{background-image:url(/img/bookmark-ov-1.png);opacity:1}div.main div.container nav li::after{background-image:url(/img/bookmark-ov-2.png);opacity:0}div.main div.container nav h1{font-family:klee one,cursive;font-weight:600;font-style:normal;font-size:24px;color:oklch(.9015 .0222 70.41);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-size:21px;color:oklch(.3971 .1085 131.29);text-decoration:none;transition-duration:500ms;transition-property:all}div.main div.container nav.flex-nav-1{order:-1;left:35px}div.main div.container nav.flex-nav-1 li{text-align:center}div.main div.container nav.flex-nav-1 li a{padding-left:90px}div.main div.container nav.flex-nav-1 li:hover,div.main div.container nav.flex-nav-1 li.active{transform:translateX(20px)}div.main div.container nav.flex-nav-1 li:hover::before,div.main div.container nav.flex-nav-1 li.active::before{opacity:0}div.main div.container nav.flex-nav-1 li:hover::after,div.main div.container nav.flex-nav-1 li.active::after{opacity:1}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(.9015 .0222 70.41);height:60px;border:1px solid #000;border-radius:10px;text-align:center}div.header{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}div.header .header-image-wrap{position:relative;display:inline-block}div.header .header-main{display:block}div.header .header-overlay-wrapper{position:absolute;right:-20px;bottom:-65px;z-index:1;width:150px;height:150px;rotate:-10deg}div.header .header-overlay-wrapper::before{content:"";position:absolute;left:18%;right:6%;bottom:2px;height:40%;z-index:-1;box-shadow:0 20px 24px rgba(0,0,0,.45);border-radius:50%}div.header .header-overlay{position:relative;display:flex;text-align:center;font-size:large;justify-content:center;color:oklch(.2421 0 0);align-items:center;z-index:1;width:100%;height:100%;background-image:url(/img/sticky.png);background-size:contain;background-repeat:no-repeat;background-position:50%}div.subtitle{font-family:klee one,cursive;font-weight:600;font-style:normal;font-size:large;background:oklch(.9015 .0222 70.41);text-align:center;color:oklch(.2421 0 0);margin:0 250px;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.leather-cover{position:relative;z-index:1;height:700px;flex:5 0;order:1;margin:20px;padding:7px;border-radius:10px;background-color:oklch(.7 .13 76);background-image:url(/img/noise-c512.png);box-shadow:#000 0 5px 15px}main{height:99%;box-shadow:0 1px 10px -1px #000;border-radius:20px;background-color:oklch(.9015 .0222 70.41);background-image:url(/img/noise-512w.png)}main div.whole-pages{margin:0 8px;padding:0;height:100%;display:flex}main div.whole-pages div.page{padding:18px 35px;flex:1 0;min-height:564px;overflow-y:scroll;scrollbar-color:rgba(44,44,44,0)transparent;scrollbar-width:inherit}main div.whole-pages div.page-liner{position:relative;z-index:2;width:1px;flex:0 0 1px;background:#af8b78;margin:0;padding:0;overflow:visible}main div.whole-pages div.page-liner::after{content:"";position:absolute;top:0;left:100%;width:60px;height:100%;z-index:3;background:linear-gradient(to right,rgba(0,0,0,.18) 0%,rgba(0,0,0,8%) 45%,transparent 100%)}main div.whole-pages ul{padding-left:0}main div.whole-pages ul li{list-style:none}footer{margin:20px 250px;text-align:center;rotate:.4deg;border-radius:5px}footer p{margin:0}.side-by-side{display:block;gap:10px}.side-by-side img{flex:1;width:100%;max-width:calc(50% - 5px);height:auto}#ipod{width:180px;height:400px;top:200px;right:140px;background:linear-gradient(to right,#d89210 0%,#b15f28 19%,#ff9318 100%);box-shadow:15px 5px 30px rgba(0,0,0,.4);border-radius:7px;position:absolute;z-index:3;isolation:isolate;display:flex;justify-content:center;cursor:grab;user-select:none}#ipod::before{content:"";position:absolute;z-index:-1;top:-6px;left:0;right:0;height:20px;background:inherit;border-radius:50%}#ipod::after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:15px;background:inherit;border-radius:50%}.screen{margin-top:10px;width:150px;height:200px;background:#000;border-radius:7px;border:7px solid #000;box-shadow:inset 0 0 65px rgba(126,134,134,.4);color:#fff;display:flex;flex-direction:column;align-items:stretch;overflow-y:hidden}.statusbar{height:15px;background:linear-gradient(#f0f5fc,#8ea4be);color:#000;border-radius:7px 7px 0 0;display:flex;justify-content:space-between;align-items:center;padding:0 6px;font-size:11px;font-weight:700}.battery-icon{height:5px;width:15px;background-color:green}.menu{background-color:#fff;font-weight:600;color:#000;padding:5px;line-height:1.6;font-size:12px}.wheel{position:absolute;bottom:25px;width:140px;height:140px;background:radial-gradient(circle,#f5f5f5,#d0d0d0);border-radius:50%;box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.wheel::after{content:"";position:absolute;width:65px;height:65px;background:linear-gradient(to right,#b15f28,#ff9318);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.3);top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-label{position:absolute;font-size:12px;font-weight:700;color:#666;user-select:none}.top{top:12px;left:50%;transform:translateX(-50%)}.left{left:12px;top:50%;transform:translateY(-50%)}.right{right:12px;top:50%;transform:translateY(-50%)}.bottom{bottom:12px;left:50%;transform:translateX(-50%)}.non-functional{position:absolute;padding:10px;bottom:100px;width:auto;text-align:center;background-color:#9932cc;z-index:10;border-radius:6px;color:#fff}.error,.error--serious{border:1px red;background-color:#fdd}.error--serious{border-width:3px}