body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-text-size-adjust:none;background-color:#000}::-webkit-scrollbar{scrollbar-width:thin;background-color:#000}::-webkit-scrollbar-thumb{background-color:#fff}.no-data{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;color:#fff;text-align:center;opacity:.8;background-color:#000;border:5px outset #000;margin:auto;padding:10px 20px;font-family:Copperplate,fantasy;font-size:1.5em;font-weight:700}.navbar-container{background-color:#111;border:5px outset #464646;height:fit-content;margin:auto;display:flex}.navbar-content>a{text-decoration:none}.navbar-title{color:#fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;padding:10px;font-family:Copperplate,fantasy;font-size:3em}.navbar-content,.navbar-menu{flex:1;margin:auto}.nav-links{flex-direction:row-reverse;margin:0;padding:0;display:flex}.nav-links li{list-style:none}.nav-links a{color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;padding:15px;font-family:Copperplate,fantasy;font-size:1.5em;text-decoration:none}.nav-links a:hover{color:#000;background-color:#fff}.navbar-dropdown-button{color:#fff;border:unset;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;background-color:#0000;width:100%;height:100%;padding:15px;font-family:Copperplate,fantasy;font-size:1.5em}.navbar-dropdown-button:hover,.navbar-dropdown-button:active{color:#000;-webkit-text-stroke-color:white;background-color:#fff}.navbar-dropdown-container{display:inline-block;position:relative}.navbar-dropdown-menu{z-index:1;background-color:#fff;border:1px solid #000;flex-direction:column;align-items:end;width:150px;display:none;position:absolute;top:100%;right:0}.navbar-menu-item{color:#000;-webkit-text-stroke-color:white;-webkit-text-stroke-width:1px;text-align:right;width:100%;font-family:Copperplate,fantasy;font-size:1.5em}.navbar-menu-item:hover{color:#fff;-webkit-text-stroke-color:black;background-color:#000}@media only screen and (width<=394px){.navbar-title{font-size:1.75em}}@media only screen and (width>=395px) and (width<=520px){.navbar-title{font-size:2em}}.home-page{height:calc(100% - var(--navbar-height));flex-direction:column;display:flex}.home-container{flex-direction:row;display:flex}.soundcloud-widget{border:5px inset #979797;width:90%;max-width:1500px;height:130px;margin:auto}@media only screen and (width<=520px){.soundcloud-widget{height:100px}.home-page{flex-direction:column}}@media only screen and (width<=950px){.home-page{flex-direction:column}}.panel-container{background-color:#838383;border:10px solid #000;flex-grow:1;max-width:1250px;height:calc(100vh - 400px);min-height:400px;margin:50px}@media only screen and (width<=950px){.panel-container{margin:50px}}@media only screen and (width<=520px){.panel-container{margin:0}}.blog-panel-content-list{height:inherit;margin:unset;padding:unset;min-height:400px;overflow:hidden auto}.blog-panel-content-container{background-color:#a7a7a7;border:1px solid #000;border-radius:50px;flex-direction:column;height:calc(25vh - 50px);min-height:150px;margin:15px;padding:30px;display:flex;box-shadow:1px 2px 5px #000}.blog-panel-content-container:hover{opacity:.4}.blog-panel-content-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.blog-panel-content-title{overflow-wrap:anywhere;flex:1 1 0;min-width:0;font-family:Copperplate,fantasy;font-size:1.5em}.blog-panel-content-date{white-space:nowrap;flex-shrink:0;font-size:smaller;font-weight:lighter}.blog-panel-content-body{word-break:break-word;white-space:normal;flex:1;width:100%;min-height:0;margin-top:10px;overflow:hidden}.spinner{border:10px outset #000;border-radius:50%;width:36px;height:36px;margin:auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:90vh;display:flex}.login-container{background-color:#838383;border:10px solid #000;flex-direction:column;justify-content:flex-end;width:15%;margin:10px;display:flex;overflow:hidden auto}.login-logo{opacity:.8;margin-top:25px}.error-message{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;color:#fff;text-align:center;background-color:#ff00046e;border:5px outset #db35356d;width:20%;padding:10px 20px;font-family:Copperplate,fantasy;font-size:1.5em;font-weight:700;animation:.5s slideDown,.5s 3s forwards fadeOut;position:absolute;top:25%;left:50%;transform:translate(-50%)}.login-logo{margin-bottom:30px}.login-username-input,.login-password-input{color:gray;height:20px;margin-left:2px;margin-right:2px;padding:10px;font-size:16px}.login-button{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;color:#fff;background-color:#000;border:1px outset #3f3f3f;height:40px;margin:2px;font-family:Copperplate,fantasy;font-size:1.5em}.login-button:hover{color:#000;background-color:#fff;border-color:#000}@media screen and (width<=1483px){.login-container{width:auto}}.richtext-editor{color:#333;border:10px inset #adacac;height:fit-content;min-height:300px;max-height:750px;padding:16px;font-family:Arial,sans-serif;line-height:1.6;overflow:auto}.richtext-editor .ProseMirror{white-space:pre-wrap;outline:none}.richtext-editor .ProseMirror p{margin:0 0 1em}.richtext-editor .ProseMirror strong{color:#333;font-weight:700}.richtext-editor .ProseMirror em{color:#333;font-style:italic}.richtext-toolbar{background-color:#000;border:3px outset #000}.richtext-content{background-color:#a7a7a7;border-bottom-right-radius:10px;border-bottom-left-radius:10px;height:fit-content;min-height:300px;padding:10px}.richtext-toolbar-button{color:#fff;border:unset;cursor:pointer;background-color:#000;margin-right:4px;padding:8px 12px;font-size:14px}.richtext-toolbar-button:hover{color:#000;background-color:#fff}.richtext-dropdown-container{display:inline-block;position:relative}.richtext-menu{z-index:1;border:1px solid #000;width:150px;display:none;position:absolute;top:100%;left:0}.menu-item{color:#000;cursor:pointer;background-color:#fff;padding-left:5px}.is-active,.menu-item:hover,.richtext-color-button:hover{color:#fff!important;background-color:#000!important}.menu-icon{float:right;padding-right:5px}.richtext-color-menu{z-index:1;background-color:#fff;border:1px solid #000;width:fit-content;display:none;position:absolute;top:100%;left:0}.richtext-color-button{border:unset;color:#000;background-color:#fff;width:50%;height:30px;display:inline-block}.undo-redo{float:right}@media only screen and (width<=770px){.undo-redo{display:none}}.blog-page{justify-content:center;align-items:center;display:flex}.blog-container{background-color:#838383;border:10px solid #000;width:80%;height:calc(100vh - 120px);margin:10px;overflow:hidden auto}.toggle-button{color:#000;background-color:#838383;border:2px outset #838383;width:50px;height:20px;margin:0 auto;display:block}.blog-error-message{text-align:center;color:#fff;-webkit-text-stroke-color:black;-webkit-text-stroke-width:1px;background-color:#78283c;border:2px solid #000;border-radius:15px;justify-content:center;align-items:center;height:50px;margin-top:5px;margin-left:5px;margin-right:5px;font-family:Copperplate,fantasy;font-size:1.2em;font-weight:700;display:flex}.blog-title-container{width:inherit;margin:5px;display:flex}.blog-title-input{flex:2;height:30px}.blog-title-button-group{float:right;display:inline-flex}.cancel-button{color:#fff;background-color:#8b0000;width:36px;height:36px}.add-button{color:#fff;background-color:#006400;width:36px;height:36px}.cancel-button:hover{color:#8b0000;background-color:#fff}.add-button:hover{color:#006400;background-color:#fff}.blog-scroll-sentinel{height:1px}.blog-content-container{background-color:#a7a7a7;border:1px solid #000;border-radius:50px;flex-direction:column;height:fit-content;min-height:250px;margin:15px;padding:30px;display:flex;box-shadow:1px 2px 5px #000}.blog-content-title{float:inline-start;font-family:Copperplate,fantasy;font-size:1.5em}.blog-content-date{float:inline-end;font-size:smaller;font-weight:lighter}.blog-content-body{word-break:break-word;white-space:normal;width:100%;margin-top:10px;overflow:hidden}