:root{--sidebar-width: 8vw;--sidebar-width-fallback: 120px;--bottom-height: 10vh;--bottom-height-fallback: 80px;--sidebar-width-2: 8vw;--sidebar-width-2-fallback: 120px;--bottom-height-2: 5vh;--bottom-height-2-fallback: 40px;--bottom-width: calc(100vw - var(--sidebar-width) - var(--sidebar-width-2));--bottom-width-fallback: calc(100% - var(--sidebar-width-fallback) - var(--sidebar-width-2-fallback));--sidebar-height: calc(100vh - var(--bottom-height) - var(--bottom-height-2));--sidebar-height-fallback: calc(100% - var(--bottom-height-fallback) - var(--bottom-height-2-fallback));--main-color: rgb(145, 145, 145);--hover-color: rgb(255, 255, 255);--clicked-color: rgb(255, 255, 255);--disabled-color: rgb(0, 0, 0)}@font-face{font-family:Orpheus Pro;src:url(https://db.onlinewebfonts.com/t/2aea0ac500c896188f9ad191c231029c.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/2aea0ac500c896188f9ad191c231029c.woff) format("woff");font-display:swap}body{font-family:Orpheus Pro,serif;overflow:hidden;margin:0;height:100vh;height:-moz-available;height:-webkit-fill-available;width:100vw;width:-moz-available;width:-webkit-fill-available;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.overlay2{top:-6%;left:-2%;position:fixed;height:100vh;width:108vw;background-color:#d7ea8d;background-size:100% 100%;z-index:0;-webkit-mix-blend-mode:darken;mix-blend-mode:darken;pointer-events:none}.overlay3{top:-2%;left:-2%;position:fixed;height:95%;width:108vw;background-image:url(https://i.imgur.com/6hVrVhQ.gif);background-size:100% 100%;z-index:13;opacity:100%;pointer-events:none}.background{position:fixed;top:var(--bottom-height-2, var(--bottom-height-2-fallback));left:var(--sidebar-width-2, var(--sidebar-width-2-fallback));background-color:#acff2f00;background-size:100% 100%;overflow:hidden;height:var(--sidebar-height, var(--sidebar-height-fallback));width:var(--bottom-width, var(--bottom-width-fallback))}.scene{top:calc(var(--bottom-height-2, var(--bottom-height-2-fallback)) + 2vh);position:fixed;left:calc(var(--sidebar-width-2, var(--sidebar-width-2-fallback)) + 2vw);-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px;width:calc(var(--bottom-width, var(--bottom-width-fallback)) - 4vw);height:calc(var(--sidebar-height, var(--sidebar-height-fallback)) - 4vh);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;background-color:#0000;z-index:0}.square{width:37%;height:80%;position:absolute;top:43%;-webkit-transition:-webkit-transform .5s ease-in,opacity .5s ease-in;-moz-transition:-moz-transform .5s ease-in,opacity .5s ease-in;transition:transform .5s ease-in,opacity .5s ease-in;background-color:#f0f8ffac;overflow:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:5px solid transparent;-webkit-animation:borderSwitch 1s infinite steps(1);-moz-animation:borderSwitch 1s infinite steps(1);animation:borderSwitch 1s infinite steps(1);will-change:transform,opacity;z-index:0}.square.bottom{box-shadow:-5px 0 5px #1c3d5c4a;right:50%;-webkit-transform-origin:right center;-moz-transform-origin:right center;transform-origin:right center;z-index:0}.square.top{left:50%;box-shadow:5px 0 5px #1c3d5c4a;z-index:1;-webkit-transform-origin:left center;-moz-transform-origin:left center;transform-origin:left center}.square0.top{-webkit-transform:translate(0%,-50%) rotateY(41deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(41deg) scaleX(2);transform:translateY(-50%) rotateY(41deg) scaleX(2)}.square1.top{-webkit-transform:translate(0%,-50%) rotateY(40deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(40deg) scaleX(2);transform:translateY(-50%) rotateY(40deg) scaleX(2)}.square2.top{-webkit-transform:translate(0%,-50%) rotateY(30deg) scaleX(1.6);-moz-transform:translate(0%,-50%) rotateY(30deg) scaleX(1.6);transform:translateY(-50%) rotateY(30deg) scaleX(1.6)}.square3.top{-webkit-transform:translate(0%,-50%) rotateY(20deg) scaleX(1.33);-moz-transform:translate(0%,-50%) rotateY(20deg) scaleX(1.33);transform:translateY(-50%) rotateY(20deg) scaleX(1.33)}.square4.top{-webkit-transform:translate(0%,-50%) rotateY(10deg) scaleX(1.15);-moz-transform:translate(0%,-50%) rotateY(10deg) scaleX(1.15);transform:translateY(-50%) rotateY(10deg) scaleX(1.15)}.square5.top{-webkit-transform:translate(0%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(0%,-50%) rotateY(0deg) scaleX(1);transform:translateY(-50%) rotateY(0) scaleX(1)}.square6.top{-webkit-transform:translate(0%,-50%) rotateY(-180deg) scaleX(1);-moz-transform:translate(0%,-50%) rotateY(-180deg) scaleX(1);transform:translateY(-50%) rotateY(-180deg) scaleX(1)}.square7.top{-webkit-transform:translate(0%,-50%) rotateY(-190deg) scaleX(1.15);-moz-transform:translate(0%,-50%) rotateY(-190deg) scaleX(1.15);transform:translateY(-50%) rotateY(-190deg) scaleX(1.15)}.square8.top{-webkit-transform:translate(0%,-50%) rotateY(-200deg) scaleX(1.33);-moz-transform:translate(0%,-50%) rotateY(-200deg) scaleX(1.33);transform:translateY(-50%) rotateY(-200deg) scaleX(1.33)}.square9.top{-webkit-transform:translate(0%,-50%) rotateY(-210deg) scaleX(1.6);-moz-transform:translate(0%,-50%) rotateY(-210deg) scaleX(1.6);transform:translateY(-50%) rotateY(-210deg) scaleX(1.6)}.square10.top{-webkit-transform:translate(0%,-50%) rotateY(-220deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(-220deg) scaleX(2);transform:translateY(-50%) rotateY(-220deg) scaleX(2)}.square11.top{-webkit-transform:translate(0%,-50%) rotateY(-221deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(-221deg) scaleX(2);transform:translateY(-50%) rotateY(-221deg) scaleX(2)}.square11.bottom{-webkit-transform:translate(0%,-50%) rotateY(-41deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(-41deg) scaleX(2);transform:translateY(-50%) rotateY(-41deg) scaleX(2)}.square10.bottom{-webkit-transform:translate(0%,-50%) rotateY(-40deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(-40deg) scaleX(2);transform:translateY(-50%) rotateY(-40deg) scaleX(2)}.square9.bottom{-webkit-transform:translate(0%,-50%) rotateY(-30deg) scaleX(1.6);-moz-transform:translate(0%,-50%) rotateY(-30deg) scaleX(1.6);transform:translateY(-50%) rotateY(-30deg) scaleX(1.6)}.square8.bottom{-webkit-transform:translate(0%,-50%) rotateY(-20deg) scaleX(1.33);-moz-transform:translate(0%,-50%) rotateY(-20deg) scaleX(1.33);transform:translateY(-50%) rotateY(-20deg) scaleX(1.33)}.square7.bottom{-webkit-transform:translate(0%,-50%) rotateY(-10deg) scaleX(1.15);-moz-transform:translate(0%,-50%) rotateY(-10deg) scaleX(1.15);transform:translateY(-50%) rotateY(-10deg) scaleX(1.15)}.square6.bottom{-webkit-transform:translate(0%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(0%,-50%) rotateY(0deg) scaleX(1);transform:translateY(-50%) rotateY(0) scaleX(1)}.square5.bottom{-webkit-transform:translate(0%,-50%) rotateY(180deg) scaleX(1);-moz-transform:translate(0%,-50%) rotateY(180deg) scaleX(1);transform:translateY(-50%) rotateY(180deg) scaleX(1)}.square4.bottom{-webkit-transform:translate(0%,-50%) rotateY(190deg) scaleX(1.15);-moz-transform:translate(0%,-50%) rotateY(190deg) scaleX(1.15);transform:translateY(-50%) rotateY(190deg) scaleX(1.15)}.square3.bottom{-webkit-transform:translate(0%,-50%) rotateY(200deg) scaleX(1.33);-moz-transform:translate(0%,-50%) rotateY(200deg) scaleX(1.33);transform:translateY(-50%) rotateY(200deg) scaleX(1.33)}.square2.bottom{-webkit-transform:translate(0%,-50%) rotateY(210deg) scaleX(1.6);-moz-transform:translate(0%,-50%) rotateY(210deg) scaleX(1.6);transform:translateY(-50%) rotateY(210deg) scaleX(1.6)}.square1.bottom{-webkit-transform:translate(0%,-50%) rotateY(220deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(220deg) scaleX(2);transform:translateY(-50%) rotateY(220deg) scaleX(2)}.square0.bottom{-webkit-transform:translate(0%,-50%) rotateY(221deg) scaleX(2);-moz-transform:translate(0%,-50%) rotateY(221deg) scaleX(2);transform:translateY(-50%) rotateY(221deg) scaleX(2)}.controlss{position:fixed;bottom:13vh;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#d8709300;background-repeat:repeat;background-size:50px;width:100vw;width:-moz-available;width:-webkit-fill-available;height:var(--bottom-height, var(--bottom-height-fallback));z-index:20}#controlss2{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;top:0;height:var(--bottom-height-2, var(--bottom-height-2-fallback))}.buttons{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;gap:20px;margin-bottom:10px}button.buttonn{all:revert}button.buttonn{width:9vw;height:30vh;font-size:16px;cursor:pointer;color:var(--disabled-color);background-color:#0000;border:none;background-image:url(https://i.imgur.com/2VeVgQ7.gif);background-size:100% 100%;background-repeat:no-repeat;z-index:20;bottom:15vh;-ms-touch-action:manipulation;touch-action:manipulation}button.buttonn:hover{background-image:url(https://i.imgur.com/e5rlNHU.gif)}button.buttonn:disabled{background-image:url(https://i.imgur.com/gDPin9A.gif);cursor:not-allowed}button.buttonn:active{background-image:url(https://i.imgur.com/2VeVgQ7.gif)}button.buttonn:active:disabled{background-image:url(https://i.imgur.com/gDPin9A.gif)}#nextButton{position:fixed;right:0vw}#backButton{position:fixed;left:0vw;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}.slider-container{position:relative;height:30%;width:90%;left:-.5%;top:60%}.slider-bar{top:100%;width:100%;height:100%}@-webkit-keyframes borderSwitch{0%,50%{border-image:url(https://i.imgur.com/tN97YEn.png) 25% / 5px round}50.1%,to{border-image:url(https://i.imgur.com/mYkK4zA.png) 25% / 5px round}}@-moz-keyframes borderSwitch{0%,50%{border-image:url(https://i.imgur.com/tN97YEn.png) 25% / 5px round}50.1%,to{border-image:url(https://i.imgur.com/mYkK4zA.png) 25% / 5px round}}@keyframes borderSwitch{0%,50%{border-image:url(https://i.imgur.com/tN97YEn.png) 25% / 5px round}50.1%,to{border-image:url(https://i.imgur.com/mYkK4zA.png) 25% / 5px round}}@-webkit-keyframes borderSwitch1{0%,50%{border-image:url(https://i.imgur.com/EH3Zxsi.png) 25% / 5px round}50.1%,to{border-image:url(https://i.imgur.com/1YiUh72.png) 25% / 5px round}}@-moz-keyframes borderSwitch1{0%,50%{border-image:url(https://i.imgur.com/EH3Zxsi.png) 25% / 5px round}50.1%,to{border-image:url(https://i.imgur.com/1YiUh72.png) 25% / 5px round}}@keyframes borderSwitch1{0%,50%{border-image:url(https://i.imgur.com/EH3Zxsi.png) 25% / 5px round}50.1%,to{border-image:url(https://i.imgur.com/1YiUh72.png) 25% / 5px round}}.slider-track-container{position:relative;width:100%;height:100%;background-color:#a88881;background-image:url(https://i.imgur.com/f3i8v1Z.png);background-size:cover;box-shadow:2px -5px 5px #1c3d5c5e,2px 5px 5px #1c3d5c5e,inset 2px -5px 5px #1c3d5c5e,inset 2px 5px 5px #1c3d5c5e;border:5px solid transparent;-webkit-animation:borderSwitch1 1s infinite steps(1);-moz-animation:borderSwitch1 1s infinite steps(1);animation:borderSwitch1 1s infinite steps(1)}.slider-track-fill{box-shadow:inset 2px -5px 5px #1c3d5c5e,inset 2px 5px 5px #1c3d5c5e;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7d9399;background-image:url(https://i.imgur.com/3buE2Dr.png);background-size:cover;z-index:1;pointer-events:none}input[type=range]{position:relative;z-index:2;background:transparent;width:100%;height:calc(100% - 8px);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:calc(100% - 8px);-webkit-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{background:transparent;-webkit-appearance:none;appearance:none;width:8vw;height:10vh;margin-top:-4vh;background-image:url(https://i.imgur.com/zwWBkQ7.png);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative;-webkit-transform:var(--thumb-transform, translateX(-50%));-moz-transform:var(--thumb-transform, translateX(-50%));transform:var(--thumb-transform, translateX(-50%));box-shadow:none;border:none}input[type=range]::-moz-range-thumb{background:transparent;-webkit-appearance:none;appearance:none;width:8vw;height:10vh;background-image:url(https://i.imgur.com/zwWBkQ7.png);background-size:contain;background-repeat:no-repeat;cursor:pointer;border:none}input[type=range]::-ms-thumb{background:transparent;width:8vw;height:10vh;background-image:url(https://i.imgur.com/zwWBkQ7.png);background-size:contain;background-repeat:no-repeat;cursor:pointer}input[type=range]:hover::-webkit-slider-thumb{background-image:url(https://i.imgur.com/UJlzdUg.png);background-size:contain}input[type=range]:hover::-moz-range-thumb{background-image:url(https://i.imgur.com/UJlzdUg.png);background-size:contain}input[type=range]:focus::-webkit-slider-thumb{background-image:url(https://i.imgur.com/2BXuicW.png);background-size:contain}input[type=range]:focus::-moz-range-thumb{background-image:url(https://i.imgur.com/2BXuicW.png);background-size:contain}#pageCounter{font-size:18px;margin-top:10px}.sidebar{position:fixed;right:-10vw;top:var(--bottom-height-2, var(--bottom-height-2-fallback));height:77%;width:19vw;background-color:#d8709300;overflow:hidden;z-index:12;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;color:#fff;-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;transition:transform .3s ease;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.sidebar h3{margin-top:0;font-size:18px;text-align:left}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{padding:8px;margin-bottom:5px;margin-left:10px;color:#1c3d5c;text-shadow:0 0 1px #1c3d5c;text-align:left;cursor:pointer;-webkit-transition:background .2s,-webkit-transform .5s;-moz-transition:background .2s,-moz-transform .5s;transition:background .2s,transform .5s}.sidebar li:hover{color:#ddcdc1;text-shadow:0 0 1px #ddcdc1}.sidebar li.active{text-shadow:0 0 1px #1c3d5c83,1px 1px 2px #1c3d5c,-1px -1px 2px #1c3d5c,0 0 5px #1c3d5c;color:#ddcdc1;font-weight:700}.sidebar-scroll-container{height:100%;width:100%;overflow:visible;position:relative}#pageList,#chapterList{list-style:none;margin:0;padding:0;position:absolute;top:0;left:0;right:0;transition:transform .3s ease}.sidebar-list{width:100%;position:relative;transition:transform .3s ease;list-style:none;padding:0;margin:0;-webkit-transition:-webkit-transform 1s cubic-bezier(.25,.1,.25,1);-moz-transition:-moz-transform 1s cubic-bezier(.25,.1,.25,1);transition:transform 1s cubic-bezier(.25,.1,.25,1);will-change:transform}.center{position:relative;top:32%;width:100%;height:7%;overflow:visible}.center2{position:relative;top:28%;width:100%;height:7%;overflow:visible}#sidebar1{overflow:visible}#sidebar1 li.active{margin-bottom:10px;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s;-webkit-transform:translateX(-1.75vw);-moz-transform:translateX(-1.75vw);transform:translate(-1.75vw)}#sidebar1:hover li.active{margin-bottom:10px;-webkit-transform:translateX(0vw);-moz-transform:translateX(0vw);transform:translate(0)}#sidebar1 li{width:40%;text-align:center}#sidebar2{left:-7vw;top:var(--bottom-height-2, var(--bottom-height-2-fallback));width:16vw;overflow:visible}#sidebar2 li{width:25%;text-align:center;margin-right:2vw}#sidebar2 li.active{margin-bottom:10px;-webkit-transform:translateX(1.75vw);-moz-transform:translateX(1.75vw);transform:translate(1.75vw)}#sidebar2:hover li.active{-webkit-transform:translateX(0vw);-moz-transform:translateX(0vw);transform:translate(0)}#sidebar2 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;text-align:center}#sidebar2:hover~.sider2{-webkit-transform:translateX(7vw);-moz-transform:translateX(7vw);transform:translate(7vw)}#sidebar2:hover{-webkit-transform:translateX(7vw);-moz-transform:translateX(7vw);transform:translate(7vw)}#sidebar2 h3{margin-left:15px;text-align:right;margin-right:15px}#sidebar2 .sidebar-scroll-container{height:calc(100% - 40px);top:1vh}.sider,.sider2{top:-6%;position:fixed;height:112vh;width:108vw;background-size:100% 100%;z-index:10;opacity:100%;pointer-events:none;-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;transition:transform .3s ease;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.sider{top:-2%;left:2.4%;height:95%;background-image:url(https://i.imgur.com/3K6hbFW.gif)}.sider2{top:-2%;left:-6.4%;width:16.05%;height:95%;background-image:url(https://i.imgur.com/7M762cZ.gif)}#sidebar1:hover~.sider{-webkit-transform:translateX(-9vw);-moz-transform:translateX(-9vw);transform:translate(-9vw)}#sidebar1:hover{-webkit-transform:translateX(-9vw);-moz-transform:translateX(-9vw);transform:translate(-9vw)}.decoration{position:fixed;background-image:url(https://i.imgur.com/OCuNmVx.png);background-size:100% 100%;background-repeat:no-repeat;z-index:20;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}#decoration1{width:7vw;height:7vh;background-color:#0000;top:15vh;right:1vw;background-position:top right}#decoration2{background-image:url(https://i.imgur.com/iawGNDL.png);width:7vw;height:7vh;top:18vh;left:.3vw;background-position:top left}#decorationr3{width:var(--sidebar-width-2, var(--sidebar-width-2-fallback));height:var(--bottom-height, var(--bottom-height-fallback));bottom:0;left:0;background-position:bottom left}#decorationr4{width:var(--sidebar-width, var(--sidebar-width-fallback));height:var(--bottom-height, var(--bottom-height-fallback));bottom:0;right:0;background-position:bottom right}.page-container{position:absolute;top:0;left:0;width:calc(100% - 14px);height:calc(100% - 14px);overflow:hidden;text-shadow:0 0 1px #1c3d5c;color:#1c3d5c;font-size:clamp(.3em,2vmin,.7em);line-height:1.5;padding:0;margin:7px;background:#0000;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}@media(hover:none)and (pointer:coarse){.page-container{font-size:.6em}}.flex-box{pointer-events:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;height:100%;gap:10px}.row{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;gap:10px;min-height:0;pointer-events:none}.title{text-shadow:0 0 1px #1c3d5c,1px 1px 2px #1c3d5c,-1px -1px 2px #1c3d5c,0 0 5px #1c3d5c;color:#e7dfb6;font-weight:700;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;font-size:large}.link-class{text-shadow:0 0 1px #1c3d5c,0 0 1px #1c3d5c8a,.5px .5px 3px #1c3d5c84,-1px -1px 3px #1c3d5c82;color:#1c3d5c;font-weight:800;-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;font-size:1em}.link-class:hover{text-shadow:0 0 1px #c4d4b5,1px 1px 2px #c4d4b5,-1px -1px 2px #c4d4b5,0 0 5px #c4d4b5;color:#e7dfb6}.text-class{font-size:.8em;text-shadow:0 0 1px #1c3d5c;color:#1c3d5c}.row-1{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.row-2{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-flex:2;-moz-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;min-height:32%;overflow:hidden}.full-image-row{min-height:0;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.pageNumber{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin-top:auto;width:100%}.column{background-color:#e0e0e000;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin:1%;min-width:0;min-height:0;overflow:hidden}.column2{background-color:#ffffff7d;border:5px solid transparent;-webkit-animation:borderSwitch 1s infinite steps(1);-moz-animation:borderSwitch 1s infinite steps(1);animation:borderSwitch 1s infinite steps(1);padding:10px;overflow:auto}.row-1 .column{background-color:#ffffff7d;border:5px solid transparent;-webkit-animation:borderSwitch 1s infinite steps(1);-moz-animation:borderSwitch 1s infinite steps(1);animation:borderSwitch 1s infinite steps(1);-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;overflow:auto;max-height:100%}.pageNumber .column{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;font-weight:700}.row-2 .column{width:auto;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.row-2 .image-column,.row-2 .text-column{min-width:0;min-height:0}.row-2 .image-column{padding:0}.image-frame{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.image-frame:after{content:none}img{float:left;height:auto;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.book-image,.row-1 .column img,.row-2 .column img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;min-width:0;min-height:0}.row-1 .column img{width:100%;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.full-image-column .book-image{width:100%;height:100%}.sidebar-scroll-container::-webkit-scrollbar{width:8px}.sidebar-scroll-container::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-container::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#efe7e700;display:none;justify-content:center;align-items:center;z-index:1000}@media(max-width:768px),(orientation:portrait),(hover:none)and (pointer:coarse){.popup-container:not(:has(#popup-toggle:checked)){display:flex}}.popup-content{background-color:#eba8cb;padding:30px;max-width:70%;text-align:center;position:relative;border:5px solid #1c3d5c;-webkit-animation:borderSwitch 1s infinite steps(1);-moz-animation:borderSwitch 1s infinite steps(1);animation:borderSwitch 1s infinite steps(1);box-shadow:0 0 50px #1c3d5c,0 0 50px #1c3d5c,inset 0 0 100px #c8ffa3}.close-btn{position:absolute;top:10px;right:15px;font-size:3em;font-weight:700;color:#1c3d5c;cursor:pointer;transition:color .3s}.close-btn:hover{text-shadow:0 0 .1em #1c3d5c;color:#1c3d5c}.p1{color:#1c3d5c;font-size:1em;animation:colorChange 5s infinite alternate}.popup-message{color:#1c3d5c;line-height:1.6;font-size:1em}@media(hover:none)and (pointer:coarse){.popup-message{font-size:3em}.close-btn{font-size:5em}}.popup-message strong{text-shadow:0 0 .2em #a0c885,0 0 .2em #a0c885,0 0 .2em #a0c885;color:#c8ffa3;font-weight:700;font-size:1em}#popup-toggle{display:none}#popup-toggle:checked~.popup-container{display:none!important}@keyframes colorChange{0%{color:#53503c;text-shadow:0 0 .2em #b1ab82,0 0 .2em #b1ab82}50%{color:#5a7349;text-shadow:0 0 .2em #adc49e,0 0 .2em #adc49e}75%{color:#906290;text-shadow:0 0 .2em #ca9eca,0 0 .2em #ca9eca}to{color:#5d91ad;text-shadow:0 0 .2em #91b2c5,0 0 .2em #91b2c5}}p1{color:#1c3d5c;font-size:1.1em;animation:colorChange 5s infinite alternate}p2{font-size:.8em}.top1{top:calc(2vh + 63px);top:calc(2dvh + 63px);left:0;width:100vw;position:absolute;display:flex;flex-direction:column;background-color:#d8bea7;z-index:100}.filler{color:#4b4b4b;background-color:#d8bea7;border:1px solid #283569aa;padding:5px;flex-grow:1;position:relative;box-shadow:inset 0 0 3px #283569,inset -4px 2px 5px #e6efc7,.5px .5px 1px #4d5a8f,inset -6px 2px 3px #d6ea8d,inset -2px -1px 2px #decbba,inset -2px -2px 6px #4d5a8fdb,inset 1px -3px 5px #daa0a9}.marquee{color:#4b4b4b;background-color:#d6ea8d;border:1px solid #4d5a8fab;padding:11px 0;position:relative;overflow:hidden;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:flex-start;box-shadow:inset 0 0 3px #283569,inset -4px 2px 6px #e6efc7,.5px .5px 1px #4d5a8f,inset -6px 2px 5px #d6ea8d,inset -2px -2px 5px #decbba,inset -2px -1px 3px #4d5a8fdb,inset 1px -3px 8px #daa0a9}.marquee-content{display:inline-block;padding-left:100%;animation:marquee 15s linear infinite;color:#d6ea8d00;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #d6ea8d}.topbar{height:1.7rem;width:100%;background-color:#d8bea7c5;right:0;flex-grow:1;position:relative;pointer-events:all;z-index:10;display:flex;flex-direction:row;list-style-type:none;padding-left:0;z-index:100;text-align:center;border-radius:0}.topbar li a{color:#4d5a8f63;text-shadow:0px 0px 3px #4b4b4b,-1px 1px 1px #d6ea8d,.5px -.5px 1px #222222}.topbar li{color:#4b4b4b;background-color:#d8bea7;margin:0;border:1px solid #283569aa;padding:5px 10px 5px 0;flex-grow:1;box-shadow:inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,inset -4px 4px 10px #d6ea8d,inset -2px -2px 5px #decbba,inset 1px -4px 10px #4d5a8fdb,inset 1px -8px 6px #daa0a9;position:relative;cursor:pointer;transition:all .2s ease-in-out}.topbar li:hover{background-color:#a99b93;box-shadow:inset 0 0 3px #283569,inset 4px -3px 15px #e6efc7,-.5px -.5px 1px #4d5a8f,inset 4px -4px 10px #d6ea8d,inset 2px 2px 5px #decbba,inset -1px 4px 10px #4d5a8fdb,inset -1px 8px 6px #daa0a9}.topbar li:hover a{color:#d6ea8d00;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #d6ea8d}.topbar li:has(a.active-link){background-color:#d6ea8d;box-shadow:inset 0 0 3px #4d5a8f,inset 3px -3px 10px #e6efc7,-.5px -.5px 1px #4d5a8f,inset 6px -4px 10px #d6ea8d,inset 2px 2px 5px #daa0a9,inset -1px 7px 15px #4d5a8f,0 0 10px #d6ea8d}.topbar li a.active-link{color:#a99b9300;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #f1f5e9}a{font-size:.9em;color:#534f46;letter-spacing:.05em;text-decoration:none;text-shadow:0 0 5px rgb(27,47,51),0 0 1px rgba(38,45,15,.842);transition:background-color 0,text-shadow 0,color 0;display:block;width:100%;height:100%}.super{position:fixed;bottom:calc(-10vh + (12vh - 75px - 1.7rem)/2);left:0;width:100vw;height:98vh}.overlay2,.overlay3,.background,.scene,.controlss,.sidebar,.sider,.sider2,.decoration{position:absolute}@font-face{font-family:Orpheus Pro;src:url(https://db.onlinewebfonts.com/t/2aea0ac500c896188f9ad191c231029c.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/2aea0ac500c896188f9ad191c231029c.woff) format("woff");font-display:swap}a{font-size:.9em;color:#534f46;letter-spacing:.05em;text-decoration:none;text-shadow:0 0 5px rgb(27,47,51),0 0 1px rgba(38,45,15,.842);color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8}a.active-link{color:#967882;text-shadow:0 0 5px rgba(150,120,130,1),0 0 1px rgba(62,80,0,.5);font-weight:700}li a{display:block;width:100%;height:100%;margin:2px 0 0}body{font-family:Orpheus Pro,serif;font-size:1.1em;background:#4d5a8f;overflow:hidden;height:100vh}.border-container{position:fixed;top:0vh;left:0;width:calc(100vw - 2px);color:#4b4b4b;background-color:#d8bea7;margin:0;border:1px solid #283569aa;z-index:100;height:calc(2vh + 63px);box-shadow:inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,inset -4px 4px 10px #d6ea8d,inset -2px -2px 5px #decbba,inset 1px -4px 10px #4d5a8fdb,inset 1px -8px 6px #daa0a9}.player{position:relative;text-align:center;color:#4b4b4b;display:flex;flex-direction:row;margin:0;align-items:center;justify-content:center;border-radius:100px;height:100%;z-index:10}.controls{flex:none;display:flex;flex-direction:row;border-radius:100px;width:15%;height:calc(2dvh + 27px);padding:0 13.5px;margin:10px 10px 10px 0;background-color:#dee1ea;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #d6ea8d,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #daa0a9,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8ff8,inset 1px -15px 10px #fff}#play{flex:1;background-image:url(https://i.imgur.com/YnjMDfF.png)}#pause{flex:1;background-image:url(https://i.imgur.com/coxPBYr.png)}#prev{background-image:url(https://i.imgur.com/BZ5CHNp.png)}#next{background-image:url(https://i.imgur.com/YFqzIGl.png)}#play:hover{flex:1;background-image:url(https://i.imgur.com/cNs55kk.png)}#pause:hover{flex:1;background-image:url(https://i.imgur.com/NIdk2Ca.png)}#prev:hover{background-image:url(https://i.imgur.com/rOM6POK.png)}#next:hover{background-image:url(https://i.imgur.com/L6EqXlg.png)}#play.active{background-image:url(https://i.imgur.com/ISQbpW6.png);transform:translateY(1px);opacity:80%}#pause.active{background-image:url(https://i.imgur.com/KOZhwRO.png);opacity:80%;transform:translateY(1px)}#prev:active{background-image:url(https://i.imgur.com/6feOM0U.png);opacity:80%;transform:translateY(1px)}#next:active{background-image:url(https://i.imgur.com/j0XmOy1.png);opacity:80%;transform:translateY(1px)}#mobile-play{flex:1;background-image:url(https://i.imgur.com/YnjMDfF.png)}#mobile-pause{flex:1;background-image:url(https://i.imgur.com/coxPBYr.png)}#mobile-prev{background-image:url(https://i.imgur.com/BZ5CHNp.png)}#mobile-next{background-image:url(https://i.imgur.com/YFqzIGl.png)}#mobile-play:hover{flex:1;background-image:url(https://i.imgur.com/cNs55kk.png)}#mobile-pause:hover{flex:1;background-image:url(https://i.imgur.com/NIdk2Ca.png)}#mobile-prev:hover{background-image:url(https://i.imgur.com/rOM6POK.png)}#mobile-next:hover{background-image:url(https://i.imgur.com/L6EqXlg.png)}#mobile-play.active{background-image:url(https://i.imgur.com/ISQbpW6.png);transform:translateY(1px);opacity:80%}#mobile-pause.active{background-image:url(https://i.imgur.com/KOZhwRO.png);opacity:80%;transform:translateY(1px)}#mobile-prev:active{background-image:url(https://i.imgur.com/6feOM0U.png);opacity:80%;transform:translateY(1px)}#mobile-next:active{background-image:url(https://i.imgur.com/j0XmOy1.png);opacity:80%;transform:translateY(1px)}button{position:relative;flex:1.5;height:120%;top:-10%;background:#2a580200;color:#fff0;border:none;cursor:pointer;background-repeat:no-repeat;background-size:contain;background-position:center;mix-blend-mode:darken}button:hover{background:#c3c3c300;background-repeat:no-repeat;background-size:contain;background-position:center}.container{flex-grow:3;display:flex;flex-direction:column}#track-title{display:flex;flex:none;align-items:center;justify-content:flex-start;text-align:center;margin:13px;width:170px;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:2vh;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #ffe2fb,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #fff,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #d6ea8d,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8fdb,inset 1px -15px 10px #daa0a9}#track-title span{display:inline-block;padding-left:100%;animation:marquee 10s linear infinite}#mobile-track-title{display:flex;flex:none;align-items:center;justify-content:flex-start;text-align:center;margin:13px;width:170px;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:2vh;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #ffe2fb,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #fff,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #d6ea8d,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8fdb,inset 1px -15px 10px #daa0a9}#mobile-track-title span{display:inline-block;padding-left:100%;animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}p8{color:#a99b9300;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #f1f5e9}p7{color:#a99b9300;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #f1f5e99f}p9{color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8}p10{color:#09082363;text-shadow:0px 0px 3px #4b4b4b,-1px 1px 1px #bec7aa,.5px -.5px 1px #222222}.fancy-border{display:flex;flex-direction:row;flex-grow:5;position:relative;align-items:center;justify-content:center;background-color:#eceaf4;border-radius:100px;margin:10px;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #d6ea8d,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #daa0a9,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8ff8,inset 1px -15px 10px #fff}.progress-container{position:relative;flex:10;align-items:center;justify-content:center;height:2vh;pointer-events:all;border-radius:100px;background-color:#283569aa;border:.5px solid #283569aa;z-index:6;overflow:hidden;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #ffe2fb,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #fff}.progress-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;pointer-events:none;border:.5px solid #283569aa;z-index:5}#progress-bar{-webkit-appearance:none;appearance:none;top:-3px;left:-6px;height:102%;width:101%;border-radius:100px;border:3px solid #283569ba;outline:none;z-index:5;position:relative;box-shadow:inset 0 0 3px #283569,inset -10px 2px 15px -7px #283569,inset -15px 3px 20px -7px #adbd73,inset 10px 2px 15px -7px #283569,inset 15px 3px 20px -7px #adbd73,inset 4px -3px 15px #e6efc7,inset -.5px -.5px 1px #4d5a8f,inset 4px -4px 10px #ffe2fb,inset 2px 2px 5px #decbba,inset -1px 4px 15px #4d5a8ff8,inset -1px 15px 10px #fff}#progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#4b4b4b00;border:2px solid #ffffff00;border-radius:50%;cursor:pointer;margin-top:-5px}#progress-bar::-moz-range-thumb{width:20px;height:20px;background:#4b4b4b00;border:2px solid #fff;border-radius:50%;cursor:pointer}#mobile-progress-bar{-webkit-appearance:none;appearance:none;top:-3px;left:-6px;height:102%;width:101%;border-radius:100px;border:3px solid #283569ba;outline:none;z-index:5;position:relative;box-shadow:inset 0 0 3px #283569,inset -10px 2px 15px -7px #283569,inset -15px 3px 20px -7px #adbd73,inset 10px 2px 15px -7px #283569,inset 15px 3px 20px -7px #adbd73,inset 4px -3px 15px #e6efc7,inset -.5px -.5px 1px #4d5a8f,inset 4px -4px 10px #ffe2fb,inset 2px 2px 5px #decbba,inset -1px 4px 15px #4d5a8ff8,inset -1px 15px 10px #fff}#mobile-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#4b4b4b00;border:2px solid #ffffff00;border-radius:50%;cursor:pointer;margin-top:-5px}#mobile-progress-bar::-moz-range-thumb{width:20px;height:20px;background:#4b4b4b00;border:2px solid #fff;border-radius:50%;cursor:pointer}.time-info{align-items:center;justify-content:center;display:flex;color:#4b4b4b;font-size:14px;flex:none;width:70px;margin:13px;padding:0 4px;color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:2vh;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #ffe2fb,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #fff,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #d6ea8d,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8fdb,inset 1px -15px 10px #daa0a9}#progress-fill,#mobile-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:200px;z-index:8;pointer-events:none;background-color:#d6ea8d;box-shadow:inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,inset .5px .5px 1px #4d5a8f,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #7c8e41,inset 1px -4px 15px #4d5a8ff8,inset 1px -15px 10px #adbd73,3px 0 15px #283569,4px 0 15px #adbd73}@media(max-width:768px){.sidebar,.sider,.sider2,#decoration1,#decoration2{display:none}.super{position:fixed;bottom:-11vh;left:0;width:100vw;height:100vh}.overlay3{left:0;top:0;width:105vw;height:90%}button.buttonn{width:15vw;height:40vh;z-index:20;bottom:25vh}.square{width:80%;height:75%;top:44%}.square.top{box-shadow:-5px 0 5px #1c3d5c4a,5px 0 5px #1c3d5c4a;left:10%}.square0.top{-webkit-transform:translate(50%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(50%,-50%) rotateY(0deg) scaleX(1);transform:translate(50%,-50%) rotateY(0) scaleX(1);z-index:-4;display:none}.square1.top{-webkit-transform:translate(40%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(40%,-50%) rotateY(0deg) scaleX(1);transform:translate(40%,-50%) rotateY(0) scaleX(1);z-index:-3;display:none}.square2.top{-webkit-transform:translate(30%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(30%,-50%) rotateY(0deg) scaleX(1);transform:translate(30%,-50%) rotateY(0) scaleX(1);z-index:-2;display:none}.square3.top{-webkit-transform:translate(20%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(20%,-50%) rotateY(0deg) scaleX(1);transform:translate(20%,-50%) rotateY(0) scaleX(1);z-index:1}.square4.top{-webkit-transform:translate(10%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(10%,-50%) rotateY(0deg) scaleX(1);transform:translate(10%,-50%) rotateY(0) scaleX(1);z-index:2}.square5.top{-webkit-transform:translate(0%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(0%,-50%) rotateY(0deg) scaleX(1);transform:translateY(-50%) rotateY(0) scaleX(1);z-index:3}.square6.top{-webkit-transform:translate(-10%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(-10%,-50%) rotateY(0deg) scaleX(1);transform:translate(-10%,-50%) rotateY(0) scaleX(1);z-index:2}.square7.top{-webkit-transform:translate(-20%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(-20%,-50%) rotateY(0deg) scaleX(1);transform:translate(-20%,-50%) rotateY(0) scaleX(1);z-index:1}.square8.top{-webkit-transform:translate(-30%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(-30%,-50%) rotateY(0deg) scaleX(1);transform:translate(-30%,-50%) rotateY(0) scaleX(1);z-index:-2;display:none}.square9.top{-webkit-transform:translate(-40%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(-40%,-50%) rotateY(0deg) scaleX(1);transform:translate(-40%,-50%) rotateY(0) scaleX(1);z-index:-3;display:none}.square10.top{-webkit-transform:translate(-50%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(-50%,-50%) rotateY(0deg) scaleX(1);transform:translate(-50%,-50%) rotateY(0) scaleX(1);z-index:-4;display:none}.square11.top{-webkit-transform:translate(-0%,-50%) rotateY(0deg) scaleX(1);-moz-transform:translate(-0%,-50%) rotateY(0deg) scaleX(1);transform:translate(-0%,-50%) rotateY(0) scaleX(1);z-index:-5;display:none}@font-face{font-family:Orpheus Pro;src:url(https://db.onlinewebfonts.com/t/2aea0ac500c896188f9ad191c231029c.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/2aea0ac500c896188f9ad191c231029c.woff) format("woff");font-display:swap}a{font-size:.8em;color:#534f46;letter-spacing:.05em;text-decoration:none;text-shadow:0 0 5px rgb(27,47,51),0 0 1px rgba(38,45,15,.842);color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8}a.active-link{color:#967882;text-shadow:0 0 5px rgba(150,120,130,1),0 0 1px rgba(62,80,0,.5);font-weight:700}li a{display:block;width:100%;height:100%;margin:2px 0 0}.border-container{position:fixed;top:0vh;left:0;width:calc(100vw - 2px);color:#4b4b4b;background-color:#d8bea7;margin:0;border:1px solid #283569aa;z-index:100;height:11vh;padding:unset;box-shadow:inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,inset -4px 4px 10px #d6ea8d,inset -2px -2px 5px #decbba,inset 1px -4px 10px #4d5a8fdb,inset 1px -8px 6px #daa0a9}.player{position:relative;text-align:center;color:#4b4b4b;display:flex;flex-direction:column;margin:0;align-items:center;justify-content:center;border-radius:100px;height:100%;z-index:10}.controls{flex:none;width:30%;display:flex;flex-direction:row;height:calc(100% - 35px);border-radius:100px;margin-right:10px;background-color:#dee1ea;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #d6ea8d,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #daa0a9,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8ff8,inset 1px -15px 10px #fff}.controls2{flex:none;width:40%;display:flex;flex-direction:row;height:85%;max-width:200px}.controls3{height:40%;flex:none;width:95%;display:flex;flex-direction:row}#play{flex:1;background-image:url(https://i.imgur.com/YnjMDfF.png)}#pause{flex:1;background-image:url(https://i.imgur.com/coxPBYr.png)}#prev{background-image:url(https://i.imgur.com/BZ5CHNp.png)}#next{background-image:url(https://i.imgur.com/YFqzIGl.png)}#play:hover{flex:1;background-image:url(https://i.imgur.com/cNs55kk.png)}#pause:hover{flex:1;background-image:url(https://i.imgur.com/NIdk2Ca.png)}#prev:hover{background-image:url(https://i.imgur.com/rOM6POK.png)}#next:hover{background-image:url(https://i.imgur.com/L6EqXlg.png)}#play.active{background-image:url(https://i.imgur.com/ISQbpW6.png);transform:translateY(1px);opacity:80%}#pause.active{background-image:url(https://i.imgur.com/KOZhwRO.png);opacity:80%;transform:translateY(1px)}#prev:active{background-image:url(https://i.imgur.com/6feOM0U.png);opacity:80%;transform:translateY(1px)}#next:active{background-image:url(https://i.imgur.com/j0XmOy1.png);opacity:80%;transform:translateY(1px)}.container{flex-grow:3;display:flex;flex-direction:column}#track-title{display:flex;flex:none;align-items:center;justify-content:flex-start;text-align:center;margin:13px;width:50%;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:2vh;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 4px 10px #ffe2fb,-2px -2px 5px #decbba,1px -4px 10px #4d5a8fdb,1px -8px 6px #fff,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #d6ea8d,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8fdb,inset 1px -15px 10px #daa0a9}#track-title span{display:inline-block;padding-left:100%;animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}p8{color:#a99b9300;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #f1f5e9}p7{color:#a99b9300;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #f1f5e99f}p9{color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8}p10{color:#09082363;text-shadow:0px 0px 3px #4b4b4b,-1px 1px 1px #bec7aa,.5px -.5px 1px #222222}#ytplayer{display:none}.fancy-border{display:flex;flex-direction:row;flex-grow:5;position:relative;align-items:center;justify-content:center;height:5vh;width:95%;background-color:#eceaf4;border-radius:100px;margin:5px 10px 10px;box-shadow:0 0 1.5px #283569,-2px 1.5px 7.5px #e6efc7,.25px .25px .5px #4d5a8f,-2px 2px 5px #d6ea8d,-1px -1px 2.5px #decbba,.5px -2px 5px #4d5a8fdb,.5px -4px 3px #daa0a9,inset 0 0 1.5px #283569,inset -2px 1.5px 7.5px #e6efc7,.25px .25px .5px #4d5a8f,inset -2px 2px 5px #ffe2fb,inset -1px -1px 2.5px #decbba,inset .5px -2px 7.5px #4d5a8ff8,inset .5px -7.5px 5px #fff}.progress-container{position:relative;flex:10;align-items:center;justify-content:center;margin:13px;height:2vh;pointer-events:all;border-radius:100px;background-color:#283569aa;border:.5px solid #283569aa;z-index:6;overflow:hidden;box-shadow:0 0 1.5px #283569,-2px 1.5px 7.5px #e6efc7,.25px .25px .5px #4d5a8f,-2px 2px 5px #d6ea8d,-1px -1px 2.5px #decbba,.5px -2px 5px #4d5a8fdb,.5px -4px 3px #daa0a9}.progress-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;pointer-events:none;border:.5px solid #283569aa;z-index:5}#progress-bar{-webkit-appearance:none;appearance:none;top:-4px;left:-6px;height:103%;width:101%;border-radius:100px;border:3px solid #283569ba;outline:none;z-index:5;position:relative;box-shadow:inset 0 0 3px #283569,inset -10px 2px 15px -7px #283569,inset -15px 3px 20px -7px #adbd73,inset 10px 2px 15px -7px #283569,inset 15px 3px 20px -7px #adbd73,inset 4px -3px 15px #e6efc7,inset -.5px -.5px 1px #4d5a8f,inset 4px -4px 10px #ffe2fb,inset 2px 2px 5px #decbba,inset -1px 4px 15px #4d5a8ff8,inset -1px 15px 10px #fff}#progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#4b4b4b00;border:2px solid #ffffff00;border-radius:50%;cursor:pointer;margin-top:-5px}#progress-bar::-moz-range-thumb{width:20px;height:20px;background:#4b4b4b00;border:2px solid #fff;border-radius:50%;cursor:pointer}.time-info{align-items:center;justify-content:center;display:flex;color:#4b4b4b;font-size:14px;flex:none;width:70px;padding:0 4px;margin:13px 13px 13px 0;color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:2vh;box-shadow:0 0 3px #283569,-4px 3px 15px #e6efc7,.5px .5px 1px #4d5a8f,-4px 2px 6px #d6ea8d,-2px -1px 5px #decbba,1px -2px 5px #4d5a8fdb,1px -3px 4px #daa0a9,inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,.5px .5px 1px #d6ea8d,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8fdb,inset 1px -15px 10px #daa0a9}#progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:200px;z-index:8;pointer-events:none;background-color:#d6ea8d;box-shadow:inset 0 0 3px #283569,inset -4px 3px 15px #e6efc7,inset .5px .5px 1px #4d5a8f,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #7c8e41,inset 1px -4px 15px #4d5a8ff8,inset 1px -15px 10px #adbd73,3px 0 15px #283569,4px 0 15px #adbd73}.top1{top:11vh}}
