*{padding:0;margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,#app{height:100%;padding:0;margin:0}.base-plate{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;align-content:stretch;gap:0px 0px;height:100%;background-color:#003c45f5;position:relative;aspect-ratio:4/3;max-height:80%;top:10%;margin-left:auto;margin-right:auto;border-radius:20px;box-shadow:10px 10px 0 10px #002025b6}.plate-header{border-radius:20px 20px 0 0;background-color:gray;position:relative;box-shadow:inset .2em .2em .2em #ffffff80,inset -.2em -.2em .2em #00000080}.plate-header h1{color:#fff;left:20px;position:inherit;font-size:40px;font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.plate-content{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;align-content:stretch;gap:0px 0px;height:100%}.plate-directory{width:18%;height:100%;background:#009ac1;background:linear-gradient(0deg,#009ac1,#005f77 47% 100%);border-radius:0 0 0 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:flex-start;gap:10px 10px}.directory-drawer{cursor:pointer}.directory-drawer span{-webkit-user-select:none;user-select:none}.directory-drawer>.drawer-main{position:relative;background-color:#d157b8;padding:0 10px 15px 5px;box-shadow:inset .2em .2em .2em #ffffff80,inset -.2em -.2em .2em #00000080;width:100%;right:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:background-color .2s,width .2s,clip-path .2s,right .2s;transition-timing-function:linear}.directory-drawer>.drawer-main:after{content:" ";position:absolute;right:0;bottom:0;left:100%;display:block;width:0%;height:100%;background-color:#d157b8;transition:background-color .2s,width .2s,left .2s;transition-timing-function:linear}.directory-drawer>.drawer-main>span{position:inherit;font-family:Source Code Pro,monospace;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:30px;height:34px;display:inline-block;color:#fff;left:0;transition:left .2s;transition-timing-function:linear}.directory-drawer>.drawer-main>hr{position:inherit;left:0;transition:left .2s;transition-timing-function:linear}.directory-drawer.drawer-active>.drawer-main{z-index:20;width:calc(100% + 72px);clip-path:polygon(0 0,100% 0,100% 100%,36px 100%);background-color:#451963;right:72px}.directory-drawer.drawer-active>.drawer-main>span{left:36px}.directory-drawer.drawer-active>.drawer-main>hr{left:18px}.directory-drawer.drawer-active>.drawer-main:after{left:calc(100% - 36px);width:100%;background-color:#280e3a}.directory-drawer.drawer-active>.drawer-shadow{height:100%}.directory-drawer.drawer-active:has(+.directory-drawer:hover)>.drawer-shadow{height:50%}.directory-drawer:not(.drawer-active):hover>.drawer-main{width:calc(100% + 36px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-color:#8b388e;right:36px}.directory-drawer:not(.drawer-active):hover>.drawer-main>span{position:inherit;left:18px}.directory-drawer:not(.drawer-active):hover>.drawer-main>hr{position:inherit;left:9px}.directory-drawer:not(.drawer-active):hover>.drawer-main:after{left:calc(100% - 18px);width:100%;background-color:#280e3a}.directory-drawer:not(.drawer-active):hover>.drawer-shadow{height:100%}.drawer-shadow{width:100%;height:0;pointer-events:none;mix-blend-mode:multiply;background-color:#a9a9a9;transition:height .2s;clip-path:polygon(0 0,100% 0,100% 100%,36px 100%);z-index:10;position:relative}.board-data{padding:5px 10px 0;width:100%}.board-main{position:relative;height:100%;overflow:hidden}.header-decal{left:0;top:0;position:relative}.right-decal{z-index:0;right:0;bottom:0;position:absolute}.left-decal{z-index:0;left:0;bottom:0;position:absolute}.width-10{width:10%}.height-10{height:10%}.column-1{columns:1}.width-20{width:20%}.height-20{height:20%}.column-2{columns:2}.width-30{width:30%}.height-30{height:30%}.column-3{columns:3}.width-40{width:40%}.height-40{height:40%}.column-4{columns:4}.width-50{width:50%}.height-50{height:50%}.column-5{columns:5}.width-60{width:60%}.height-60{height:60%}.column-6{columns:6}.width-70{width:70%}.height-70{height:70%}.column-7{columns:7}.width-80{width:80%}.height-80{height:80%}.column-8{columns:8}.width-90{width:90%}.height-90{height:90%}.column-9{columns:9}.width-100{width:100%}.height-100{height:100%}.column-10{columns:10}.board-body{font-family:Kelly Slab,sans-serif;font-weight:400;font-style:normal;color:#fff;position:absolute;height:80%;overflow:auto}.board-body img{width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0a0b14;border-radius:15px 0;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:hover{background:#d157b8}.post{display:flex;flex-direction:row;flex-wrap:wrap;position:relative;width:100%}.post button,.post h2,.text-edit-wrapper,.text-edit-wrapper div,.text-edit-wrapper textarea,.section{width:100%}.edit-mode{top:0;position:fixed;background-color:#009ac1}.board-edit-window{top:15px;position:fixed;background-color:#009ac1;max-height:100px;overflow-y:auto}.log-in-popup{position:fixed;top:0;left:0;background-color:#000;width:100%;height:100%;z-index:9999}.log-in-popup form{width:25%;display:flex;flex-direction:column}.background-canvas{position:fixed;z-index:-1;left:0;top:0}ul{background-repeat:no-repeat;background-position:0 0;text-indent:20}ul li{background-color:#009ac1;padding:2px;margin:2px 0}ul a{text-decoration:none;font-style:normal;color:#fff}ul .download-icon{width:20px}