:root{--font-main:"courier new", Arial, sans-serif;--color-accent:#fff;--color-text:#fff}body{font-family:var(--font-main);color:var(--color-text);background-color:#000}.work-item{aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.work-overlay{opacity:1;background:linear-gradient(#0000 0%,#0006 100%);width:100%;padding:20px;transition:all .4s;position:absolute;bottom:0;left:0}.work-title{font-family:var(--font-main);color:#ccc;white-space:nowrap;text-overflow:ellipsis;max-width:90%;font-size:1rem;font-weight:500;transition:all .4s;display:inline-block;overflow:hidden}.work-item:hover .work-overlay{background:linear-gradient(#0000 0%,#0009 100%)}.work-item:hover .work-title{color:var(--color-accent);font-size:1.2rem}.navbar{box-sizing:border-box;z-index:99999;backdrop-filter:blur();background-color:#0000;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 5rem;display:flex;position:fixed;top:0;left:0}.nav-left,.nav-center,.nav-right{flex:1;align-items:center;display:flex}.nav-left{justify-content:flex-start}.nav-center{justify-content:center;gap:1.2rem}.nav-right{justify-content:flex-end}.nav-link{color:#fff;letter-spacing:1px;white-space:nowrap;border:1px solid #fffc;border-radius:2px;padding:.25rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-editing:hover{color:#000;background-color:#ffd900;border-color:#ffd900}.menu-editing:hover{color:#ffd900!important;background-color:#3b82f626!important}.nav-sound:hover{color:#000;background-color:#038135;border-color:#038135}.menu-sound:hover{color:#038135!important;background-color:#10b98126!important}.nav-color:hover{color:#000;background-color:#f44;border-color:#f44}.menu-color:hover{color:#f44!important;background-color:#f59e0b26!important}.nav-right .nav-link:hover{color:#000;background-color:#fff;border-color:#fff}.nav-inline-links{gap:1rem;display:flex}.nav-dropdown-mobile{display:none}.dropdown{position:relative}.dropdown-menu{background-color:#000;border:1px solid #ffffff26;min-width:130px;margin:5px 0 0;padding:.5rem 0;list-style:none;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dropdown-menu li{list-style:none}.dropdown-menu a{color:#aaa;text-align:center;padding:.6rem 1.2rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:block}.dropdown:hover .dropdown-menu{display:block}.white-logo-filter{filter:invert()!important}.nav-logo-image-link{align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.nav-logo-image-link:hover{opacity:.7}.nav-logo-img{object-fit:contain;display:block;width:auto!important;height:100px!important}.global-footer{box-sizing:border-box;background-color:#1d4368;border-top:1px solid #ffffff14;width:100%;padding:.1rem 5.2rem}.footer-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer-left,.footer-center,.footer-right{flex:1;align-items:center;display:flex}.footer-left{justify-content:flex-start}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}.footer-email{color:#ffffffb3;letter-spacing:1px;font-size:.95rem;text-decoration:none;transition:color .3s}.footer-email:hover{color:#fff}.footer-logo-link{text-decoration:none;display:inline-block}.footer-logo-img{object-fit:contain!important;width:auto!important;height:80px!important;display:block!important}.footer-copyright{color:#fff6;letter-spacing:1px;font-size:.85rem}@media screen and (width<=860px){.navbar{height:65px!important;padding:0 .5rem!important}.nav-inline-links{display:none!important}.nav-dropdown-mobile{display:block!important}.nav-logo-img{height:100px!important;margin-left:-20px!important}}@media screen and (width<=768px){.navbar{height:65px!important;padding:0 .5rem!important}.nav-left,.nav-center,.nav-right{min-width:0!important;display:flex!important;& .nav-left{flex:.8!important;display:flex!important}& .nav-center{flex:1.4!important;display:flex!important}& .nav-right{flex:.8!important;display:flex!important}}.nav-link{padding:4px 10px!important;font-size:13px!important}.nav-inline-links{display:none!important}.nav-dropdown-mobile{margin-left:-20px!important;display:block!important}.dropdown-menu{min-width:110px!important;left:50%!important;transform:translate(-50%)!important}.nav-logo-img{height:100px!important;margin-left:-20px!important}.global-footer{padding:1.2rem 1.5rem}.footer-container{text-align:center;flex-direction:column;gap:.4rem}.footer-left,.footer-center,.footer-right{width:100%;text-align:center!important;flex:none!important;justify-content:center!important}.footer-logo-img{display:none!important}}