@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%}body{font-family:Orpheus Pro,serif;font-size:1.1em;background:#4d5a8f;overflow:hidden;height:100vh;height:100dvh}.border-container{position:fixed;bottom:0vh;bottom:0dvh;left:0;width:calc(100vw - 2px);color:#4b4b4b;background-color:#d8bea7;margin:0;border:1px solid #283569aa;z-index:100;height:13vh;height:13dvh;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}#ytplayer{display:none}.controls3{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)}#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:50%;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:2vh;height:2dvh;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:50%;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;height:2vh;height:2dvh;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;width:95%;background-color:#eceaf4;border-radius:100px;margin:5px 10px 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;margin:13px;height:2vh;height:2dvh;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 2px 6px #d6ea8d,-2px -1px 5px #decbba,1px -2px 5px #4d5a8fdb,1px -3px 4px #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:-5px;left:-6px;height:101%;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:0;height:0;background:transparent;border:none;box-shadow:none}#progress-bar::-moz-range-thumb{width:0;height:0;background:transparent;border:none;box-shadow:none}#mobile-progress-bar{-webkit-appearance:none;appearance:none;top:-5px;left:-6px;height:101%;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:0;height:0;background:transparent;border:none;box-shadow:none}#mobile-progress-bar::-moz-range-thumb{width:0;height:0;background:transparent;border:none;box-shadow:none}.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;height:2dvh;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,#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}.project-nav-container{position:fixed;top:calc(1.7rem + 12px);left:0;width:100vw;height:1.7rem;z-index:50;display:flex;justify-content:center;align-items:center;background-color:#1c1c1c}.project-nav{height:1.7rem;width:100%;background-color:#d8bea7c5;flex-grow:1;position:relative;display:flex;flex-direction:row;list-style-type:none;padding-left:0;z-index:100;text-align:center}.nav-item input{display:none}.nav-item{flex-grow:1;margin:0;border:1px solid #283569aa;background-color:#d8bea7;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:background-color .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;align-items:center;justify-content:center}.nav-item label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.nav-item span{color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #c6d39a,.5px -.5px 1px #4a5377f8}.nav-item: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}.nav-item:hover span{color:#d6ea8d00;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #d6ea8d}.nav-item input:checked~label{width:100%;height:100%;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}.nav-item input:checked~label span{color:#a99b9300;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #f1f5e9}.dropdown{display:none;position:fixed;top:calc(3.4rem + 12px);left:0;background:#fefefe;z-index:200}.nav-item input:checked~.dropdown{display:block}.sidebar-container{position:fixed;left:0;height:calc(87vh - 3.4rem - 12px);height:calc(87dvh - 3.4rem - 12px);width:100vw;z-index:10;pointer-events:none}.nav-item input:checked~.dropdown .sidebar-container{pointer-events:auto}.playlist-tab{position:absolute;top:-30px;left:15%;transform:translate(-50%);width:60px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#8281a963;border:.5px solid #283569aa;border-radius:10px 10px 0 0;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;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;transition:all .3s ease-in-out,background-color .3s ease-in-out,box-shadow .3s ease-in-out}.playlist-content{background-color:#d8bea7;border:.5px solid #283569aa;border-top:none;height:0vh;height:0dvh;overflow:hidden;text-align:center;display:flex;flex-direction:column;transition:height .3s ease;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,0 0 5px #2835699e,0 0 5px #adbd73}.playlist-content.directory{height:calc(87vh - 3.4rem - 12px);height:calc(87dvh - 3.4rem - 12px)}p15{font-size:2em;color:#e6efc700;padding-top:10px;text-shadow:-.5px -.5px 2px #e1ecb9,.5px .5px 1px #384167,-1px -1px 3px #3f4973,2px 2px 3px #d6ea8d}p11{margin:10px;font-size:.9em;color:#e6efc700;text-shadow:0px 0px 3px #4b4b4b,-1px 1px 1px #e1ecb9,.5px -.5px 1px #3f4973}.playlist-content h3{padding:10px 15px;margin:0;color:#a99b9300;text-shadow:0px 0px 1px #d7eaaeab,1px 1px 1px #1c1c1c,-1px 1px 1.5px #f1f5e99f}.playlist-content ul{list-style:none;padding:20px;flex-grow:1;background-color:#eceaf4;border-radius:100px;margin:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:left;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}.playlist-content li{cursor:pointer;border:1px solid #283569aa;flex-grow:0;position:relative;color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;margin:10px;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;white-space:nowrap;overflow:hidden;height:2vh;height:2dvh;width:100%;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}.playlist-content.directory li{top:30px}.playlist-content.directory ul{text-align:center}.playlist-content #library li{top:10px;text-align:center}#library li.active{background-color:#d6ea8d;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,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}.playlist-content #playlist li{width:80%}.playlist-content li{white-space:nowrap;overflow:hidden;position:relative}.playlist-content li span{display:inline-block;will-change:transform}@keyframes scrollMarquee{0%{transform:translate(10px)}10%{transform:translate(10px)}45%{transform:translate(calc(var(--scroll-distance) - 10px))}55%{transform:translate(calc(var(--scroll-distance) - 10px))}90%{transform:translate(10px)}to{transform:translate(10px)}}.marquee{animation-name:scrollMarquee;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.playlist-content li:hover{background-color:#e5ae70;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,inset .5px .5px 1px #4d5a8f,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #ccbf5b,inset 1px -4px 15px #4d5a8ff8,inset 1px -15px 10px #e1d382}.playlist-content li.active{background-color:#d6ea8d;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,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}.playlist-open .playlist-content{height:calc(87vh - 3.4rem - 14px);height:calc(87dvh - 3.4rem - 14px)}.playlist-open .playlist-tab{top:0;border-radius:0 0 10px 10px}.playlist-tab:hover{background-color:#dee1ea;box-shadow: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,3px 0 15px #283569,4px 0 15px #adbd73}.playlist-container{position:fixed;bottom:13.15vh;bottom:13.15dvh;width:100vw;z-index:100;transition:all .3s ease-in-out;pointer-events:all}.main-container{position:fixed;display:flex;flex-direction:row;left:0vw;width:100vw;bottom:13vh;bottom:13dvh;height:calc(87vh - 3.4rem - 12px);height:calc(87dvh - 3.4rem - 12px);pointer-events:all}.main{position:relative;pointer-events:all;display:flex;flex-direction:row;height:100%;flex:1;z-index:1;background-color:#eceaf4;box-shadow:0 0 3px #283569,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}.updates-container{flex:1;display:flex;flex-direction:column;height:calc(87vh - 3.4rem - 12px);height:calc(87dvh - 3.4rem - 12px);margin-top:0;margin-left:0;width:100vw;background-color:#eceaf4;box-shadow:0 0 3px #283569,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}.main2 .updates-container{flex:0}.updates{flex:1;display:flex;flex-direction:column;position:relative;border-radius:50px;margin:0 5% 5%;background-color:#d8bea7;border:.5px solid #283569aa;overflow:hidden;gap:20px;padding:20px;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}.updates:before{content:"";position:absolute;inset:0;border-radius:50px;pointer-events:none;z-index:2;box-shadow: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}body.projects-detail .projects-container{flex:3}.post{z-index:1;display:flex;min-height:fit-content;flex-direction:column;border-radius:50px;background-color:#e1edb6;border:1px solid #283569aa;position:relative;gap:15px;padding:15px;cursor:pointer;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 35px #e6efc7,inset .5px .5px 1px #4d5a8f,inset -4px 4px 20px #ffe2fb,inset -2px -2px 25px 1px #7c8e41b7,inset 1px -4px 5px #4d5a8ff8,inset 1px -15px 10px #adbd73;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.post:hover{background-color:#d5e2a4;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 35px #e6efc7,inset -.5px -.5px 1px #4d5a8f,inset 4px -4px 20px #ffe2fb,inset 2px 2px 25px 1px #7c8e41b7,inset -1px 4px 5px #4d5a8ff8,inset -1px 15px 10px #adbd73}.updates .post{flex:1;position:relative;z-index:1;justify-content:center;align-items:center;min-height:0;border-radius:30px;padding:15px}.projects .post{position:relative;z-index:1}.projects-container .updates{flex:none;position:relative;margin-right:calc(5% + 16px);border-radius:50px;background-color:#d8bea7;border:.5px solid #283569aa;overflow:hidden;z-index:0;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}.header-block{flex:1;display:flex;flex-direction:column;gap:.5rem}body.projects-detail .projects .post{padding:1.5rem}.image-wrapper{flex:none;align-self:center;display:flex;justify-content:center;align-items:center;border-radius:50px;overflow:hidden;position:relative;min-height:40%;min-width:50%;width:fit-content;max-width:100%;max-height:70%;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;transition:box-shadow .3s ease-in-out}.updates .image-wrapper{max-height:100%}.image-wrapper.wrapper-tall,.image-wrapper.wrapper-wide,.image-wrapper.wrapper-unknown,.image-wrapper.wrapper-square{flex:none;max-height:100%;width:fit-content}.image-wrapper:after{content:"";position:absolute;inset:0;border-radius:50px;pointer-events:none;box-shadow: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;transition:box-shadow .3s ease-in-out}.image-wrapper img{width:100%;max-height:100%;object-fit:contain}.image-wrapper img.is-tall,.image-wrapper img.is-wide,.image-wrapper img.is-square,.image-wrapper img.is-unknown{height:100%;object-fit:contain}.updates .image-wrapper{flex-shrink:1;height:100%;border-radius:20px;width:10%}.updates .image-wrapper img{width:100%;height:100%;object-fit:cover}.updates .image-wrapper:after{border-radius:20px;box-shadow:inset 0 0 3px #283569,inset -2px 1.5px 7px #e6efc7,.5px .5px 1px #4d5a8f,inset -2px 2px 5px #ffe2fb,inset -1px -1px 2px #decbba,inset .5px -2px 7px #4d5a8ff8,inset .5px -7px 5px #fff}body.projects-detail .updates .image-wrapper{margin:0;border-radius:20px}body.projects-detail .updates .image-wrapper:after{border-radius:20px}.image-wrapper.wrapper-wide2{flex:none;min-height:0;min-width:0;max-height:none;width:fit-content;max-width:100%}.image-wrapper img.is-wide2{width:100%;height:auto;display:block}.updates .text{border-radius:25px}.post:hover .image-wrapper{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}.post:hover .image-wrapp3er:after{box-shadow: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}.text{flex:1;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:50px;color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;background-color:#eceaf4;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;transition:box-shadow .3s ease-in-out}.post:hover .text{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}.projects .text{padding:10px}.text2{border:.5px solid #283569aa;background-color:#e4d5ca;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 #d6ea8d,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8fdb,inset 1px -15px 10px #cdb0b4}.post:hover .text2{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 #d6ea8d,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #decbba,inset 1px -4px 15px #4d5a8fdb,inset 1px -15px 10px #cdb0b4}.dates{flex:none}.fill{font-size:2em;text-align:center;flex:none;height:2rem;padding:10px;z-index:5;color:#e6efc700;text-shadow:-.5px .5px 2px #efffb7,-0px -0px 2px #4d5a8f,.5px -.5px 1px #384167,-1px -1px 3px #3f4973,2px 2px 3px #ffffff}.fill3{font-size:2em;text-align:center;flex:none;margin-bottom:-10px;padding:0;z-index:5;color:#e6efc700;text-shadow:-.5px .5px 2px #efffb7,-0px -0px 2px #4d5a8f,.5px -.5px 1px #384167,-1px -1px 3px #3f4973,2px 2px 3px #ffffff}.projects-container .fill{margin-right:5%}body.projects-detail .fill{padding:0;margin-right:0;white-space:nowrap;height:2.5%}body.projects-detail .dropdown .fill{height:2rem;padding:10px}.projects-container{flex:3;display:flex;flex-direction:column;margin:0 2.5% 4%;position:relative;pointer-events:all}.projects-wrapper{flex:1;position:relative;margin-right:calc(5% + 16px);border-radius:50px;background-color:#d8bea7;border:.5px solid #283569aa;overflow:hidden;z-index:0;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}.projects-wrapper:after{content:"";position:absolute;inset:0;border-radius:50px;pointer-events:none;z-index:2;box-shadow: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}.projects{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding:20px;border-radius:inherit;clip-path:inset(0 round 50px);z-index:1}.projects::-webkit-scrollbar{display:none}.custom-scrollbar{position:absolute;right:2%;top:5%;width:16px;height:95%;background-color:#eceaf4;border-radius:100px;opacity:1;pointer-events:all;transition:right .3s ease-in-out}.custom-scrollbar-track{position:absolute;right:0;top:0;width:100%;height:100%;border-radius:100px;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,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}.custom-scrollbar-thumb{position:absolute;width:100%;border-radius:100px;background-color:#d6ea8d;cursor:pointer;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,0 10px 15px -5px #283569,0 12px 15px -5px #adbd73;pointer-events:all}.custom-scrollbar-thumb:hover{background-color:#adbd73}.custom-scrollbar{pointer-events:all}#desktop-container{pointer-events:none}.top1{top:0;left:0;width:100vw;position:fixed;display:flex;flex-direction:column;background-color:#d8bea7;z-index:100}.filler{color:#4b4b4b;background-color:#d8bea7;border:1px solid #283569aa;padding:5px;position:relative;box-shadow:inset 0 0 3px #283569,inset -4px 3px 5px #e6efc7,.5px .5px 1px #4d5a8f,inset -4px 4px 3px #d6ea8d,inset -2px -2px 5px #decbba,inset 1px -4px 3px #4d5a8fdb,inset 1px -8px 2px #daa0a9,3px 0 15px #283569,4px 0 15px #adbd73}.topbar{height:1.7rem;width:100%;background-color:#d8bea7c5;right:0;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:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #c6d39a,.5px -.5px 1px #4a5377f8}.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:background-color .3s ease-in-out,box-shadow .3s 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}.title{flex:1;align-items:center;font-size:2em;text-align:center;position:relative;color:#e6efc700;text-shadow:-.5px .5px 2px #efffb7,-0px -0px 2px #4d5a8f,.5px -.5px 1px #384167,-1px -1px 3px #3f4973,2px 2px 3px #ffffff;transition:text-shadow .3s ease-in-out}body.projects-detail .title{flex:none;text-align:right;font-size:1em;margin:-5px 5% -20px 0;color:#4d5a8f00;text-shadow:-.5px .5px 1.5px #efffb7ee,-0px -0px 1px #4d5a8f,.5px -.5px 1px #384167,2px 2px 2px #ffffff}body.projects-detail .post:hover .title{text-shadow:.5px -.5px 1.5px #efffb7ee,0px 0px 1px #4d5a8f,-.5px .5px 1px #384167,-2px -2px 2px #ffffff}.updates .title{font-size:1em}.post:hover .title{text-shadow:.5px -.5px 2px #efffb7,0px 0px 2px #4d5a8f,-.5px .5px 1px #384167,1px 1px 3px #3f4973,-2px -2px 3px #ffffff}.post-container{flex:10;display:flex;flex-direction:column;justify-content:center;position:relative;min-height:0;gap:1rem;width:100%}.updates .post-container{flex-direction:row;height:100%}.playlist-content .all{top:10px;padding:5px 0;width:70%}.cats{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;z-index:1}.lip a{display:block;width:100%;box-sizing:border-box;cursor:pointer;border-radius:100px;background-color:#d8bea7;border:.5px solid #283569aa;color:#8281a963;text-shadow:-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;white-space:nowrap;overflow:hidden;padding:3px 15px 0;line-height:1.2;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}.lip a:hover{background-color:#e5ae70}.lip a:hover{background-color:#e5ae70;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,inset .5px .5px 1px #4d5a8f,inset -4px 4px 10px #ffe2fb,inset -2px -2px 5px #ccbf5b,inset 1px -4px 15px #4d5a8ff8,inset 1px -15px 10px #e1d382}.cats ul{list-style:none;margin:0;flex:1;border-radius:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:0}.projects ul{list-style:none;margin:0;flex:1;border-radius:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:0}.cats .text,.projects .text{flex-direction:column;justify-content:center;align-items:center;padding:30px;flex:none;gap:20px}.cats .fill{flex:1;padding:0;font-size:1.5em;margin-right:0;white-space:nowrap}.playlist-content .ca{margin-top:auto;padding:5px 0;width:80%}.modal-overlay{position:absolute;bottom:0;right:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{display:flex;flex-direction:column;width:95%;height:95%;text-align:center;align-items:center;justify-content:flex-start;border-radius:50px;color:#8281a963;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;border:1px solid #283569aa;background-color:#d8bea7;border:.5px solid #283569aa;z-index:0;box-shadow:0 0 6px 2px #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;position:relative;overflow:hidden;z-index:1000}.modal-content:after{content:"";position:absolute;inset:0;border-radius:50px;pointer-events:none;z-index:2;box-shadow:0 0 6px 2px #283569,inset 0 0 3px #283569,inset -4px 3px 5px #e6efc7,.5px .5px 1px #d6ea8d,inset -1px 4px 10px #ffe2fb,inset -2px -1px 5px #decbba,inset 1px -1px 10px #4d5a8fdb,inset 1px -2px 10px #daa0a9}.image-holder{display:flex;align-items:center;justify-content:center;width:90%;height:90%}.modal-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #283569aa;border-radius:25px;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}.button-holder{margin-top:auto;background-color:#ff0;display:flex;flex-direction:row;align-items:center;height:10%;width:100%;flex:none;background-color:#e1edb6;border:1px solid #283569aa;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 35px #e6efc7,inset .5px .5px 1px #4d5a8f,inset -4px 4px 20px #ffe2fb,inset -2px -2px 25px 1px #7c8e41b7,inset 1px -4px 5px #4d5a8ff8,inset 1px -15px 10px #adbd73}.arrow{all:unset;flex:1;display:flex;text-align:center;height:100%;font-size:5rem;line-height:1;padding:0 7%;cursor:pointer;color:#e6efc700;text-shadow:-.5px .5px 2px #decbba,-0px -0px 2px #4d5a8f,.5px -.5px 1px #384167,-1px -1px 3px #3f4973,2px 2px 3px #ffffff;justify-content:center;background-color:#e1edb6;border:1px solid #283569aa;box-shadow:inset 0 0 3px #283569,inset -4px 3px 35px #e6efc7,inset .5px .5px 1px #4d5a8f,inset -4px 4px 20px #ffe2fb,inset -2px -2px 25px 1px #7c8e41b7,inset 1px -4px 5px #4d5a8ff8,inset 1px -15px 10px #adbd73}.arrow:hover{box-shadow:inset 0 0 3px #283569,inset 4px -3px 35px #e6efc7,inset -.5px -.5px 1px #4d5a8f,inset 4px -4px 20px #ffe2fb,inset 2px 2px 25px 1px #7c8e41b7,inset -1px 4px 5px #4d5a8ff8,inset -1px 15px 10px #adbd73;text-shadow:.5px -.5px 2px #decbba,0px 0px 2px #4d5a8f,-.5px .5px 1px #384167,1px 1px 3px #3f4973,-2px -2px 3px #ffffff}.close{all:unset;height:10%;width:10%;top:-35px;right:-30px;color:#e6efc700;text-shadow:-.5px .5px 2px #decbba,-0px -0px 2px #4d5a8f,.5px -.5px 1px #384167,-1px -1px 3px #3f4973,2px 2px 3px #ffffff;font-size:3rem;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1001!important;pointer-events:all;cursor:pointer;border-radius:50px;background-color:#e1edb6;border:1px solid #283569aa;padding:40px 40px 0 0;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 35px #e6efc7,inset .5px .5px 1px #4d5a8f,inset -4px 4px 20px #ffe2fb,inset -2px -2px 25px 1px #7c8e41b7,inset 1px -4px 5px #4d5a8ff8,inset 1px -15px 10px #adbd73}.close:hover{text-shadow:.5px -.5px 2px #decbba,0px 0px 2px #4d5a8f,-.5px .5px 1px #384167,1px 1px 3px #3f4973,-2px -2px 3px #ffffff;background-color:#d5e2a4;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 35px #e6efc7,inset -.5px -.5px 1px #4d5a8f,inset 4px -4px 20px #ffe2fb,inset 2px 2px 25px 1px #7c8e41b7,inset -1px 4px 5px #4d5a8ff8,inset -1px 15px 10px #adbd73}.updates .text:not(.text2){border-radius:25px;overflow:hidden;text-overflow:ellipsis;align-items:flex-start;padding:10px}@media(min-width:768px){#desktop-container{display:block!important;pointer-events:auto}.updates .image-wrapper{width:unset}.filler{flex-grow:1}#mobile-container{display:none!important;pointer-events:none}.border-container{top:0vh;height:calc(2dvh + 63px)}.player{flex-direction:row}.controls{width:15%;height:calc(2dvh + 27px);padding:0 13.5px;margin:10px 10px 10px 0}.controls2,.controls3{all:unset}#track-title{width:170px}.fancy-border{height:unset;width:unset;margin-top:10px}.progress-container{margin:unset;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}.time-info{margin-left:13px;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}.project-nav-container,.project-nav,.nav-item input,.nav-item,.nav-item label,.nav-item span,.nav-item:hover,.nav-item:hover span{all:unset}.nav-item input:checked~label,.nav-item input:checked~label span,.nav-item input:checked~.dropdown{all:unset}.nav-item input:checked~label{all:unset}.nav-item input:checked~label span{all:unset}.dropdown{all:unset}.nav-item input:checked~.dropdown{all:unset}.nav-item input:checked~.dropdown .sidebar-container{all:unset}.sidebar-container{top:unset;width:15vw;height:unset;pointer-events:all}.playlist-tab{bottom:-30px;left:50%;border-radius:0 0 10px 10px;border:.5px solid #283569aa;text-shadow:0px 0px 3px #28356900,-1px 1px 1px #e6efc7,.5px -.5px 1px #4a5377f8;top:unset}.playlist-content{height:calc(98vh - 75px - 1.7rem);height:calc(98dvh - 75px - 1.7rem);transition: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,0 0 5px #2835699e,0 0 5px #adbd73}.playlist-content.directory{all:unset}.playlist-content li{top:30px}.playlist-content.directory li{top:unset}.playlist-content #playlist li{width:100%}.playlist-open .playlist-content{height:90vh}.playlist-open .playlist-tab{top:unset;bottom:0;border-radius:10px 10px 0 0}body.projects-detail .custom-scrollbar{top:2%;height:97.5%}.playlist-container .playlist-content{background-color:#d8bea7;border:.5px solid #283569aa;border-top:none;height:100%;width:100%;overflow:hidden;text-align:center;display:flex;flex-direction:column;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,0 0 5px #2835699e,0 0 5px #adbd73}.playlist-container{position:relative;right:0;z-index:10;width:0vw;flex:none;bottom:unset}.playlist-container.playlist-open{width:20vw}.playlist-container .playlist-content{height:100%}.playlist-container .playlist-tab{position:absolute;transform:translateY(-50%);transform:translate(0);width:30px;height:60px;left:-30px;border-radius:10px 0 0 10px;top:50%}.playlist-container.playlist-open .playlist-tab{left:0;border-radius:0 10px 10px 0}.main-container{left:15vw;width:85vw;bottom:0vh;height:calc(98vh - 75px - 1.7rem);height:calc(98dvh - 75px - 1.7rem)}.main.main2{flex-direction:unset}.updates-container{margin-right:2%;margin-left:0;box-shadow:unset;height:unset;width:unset;background-color:unset;margin-bottom:2.5%}body.projects-detail .updates-container{margin:2% 2% 2% 0}.main2 .updates-container{all:unset}.updates{margin:unset;margin-top:unset;margin-left:1%}.projects-container{margin-right:0;margin-bottom:2.5%}body.projects-detail .projects-container{margin:2% 0 2% 2%}.projects-container .updates,.header-block{all:unset}.image-wrapper{min-height:unset;min-width:unset;max-width:unset;max-height:unset}.updates .post-container{flex-direction:row}.updates .image-wrapper{max-height:100%}.updates .image-wrapper{flex-shrink:1;height:unset}body.projects-detail .fill{height:1%}body.projects-detail .dropdown .fill{all:unset}.projects-wrapper{margin-right:7%}body.scroll .custom-scrollbar{right:4%}.top1{top:calc(2vh + 63px);top:calc(2dvh + 63px)}.cats{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding:20px;align-content:flex-start;border-radius:inherit}.modal-content{width:85%;height:90%}.modal-image{flex:1;max-width:90%;max-height:calc(90% - 40px);margin:20px;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;position:relative;z-index:0;display:unset;width:unset;height:unset}.close{right:-50px;font-size:4rem}.projects.projects-main .post{height:50%;min-height:unset;flex:1}.projects.projects-main .post-container{flex-direction:row}.projects.projects-main .image-wrapper{max-width:50%}.projects.projects-main .text{flex:1}.projects.projects-main .post-container{min-height:0;height:100%}.projects.projects-main .image-wrapper.wrapper-tall{height:100%;width:fit-content;max-width:50%}.projects.projects-main .image-wrapper.wrapper-tall img{height:100%;width:auto;max-width:100%;object-fit:contain}}#desktop-container,#mobile-container{width:100%;height:100%;position:relative}#desktop-container .desktop-layout,#mobile-container .mobile-layout{width:100%;height:100%}#desktop-container{display:none!important}#mobile-container{display:block!important;pointer-events:auto}@media(min-width:768px){#desktop-container{display:block!important;pointer-events:auto}#mobile-container{display:none!important;pointer-events:none}.image-holder{display:inherit;align-items:inherit;justify-content:inherit;width:auto;height:90%}#mobile-container{pointer-events:none}}