:root{--scrollbar-width: 12px;--scrollbar-track-color: #fff;--scrollbar-thumb-color: #888888;--scrollbar-thumb-hover-color: #555;--body-margin-desktop: 25%;--body-margin-mobile: 5%;--font-family: "Inconsolata", monospace}*,*:before,*:after{box-sizing:border-box}*{font-family:var(--font-family),serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}html{margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);overflow-y:scroll}body{margin:0 var(--body-margin-desktop)}@media (min-width: 1280px){body{margin:0 calc(5% + (25% - 5%) * ((100vw - 1280px) / (1920 - 1280)))}}@media (max-width: 1280px){body{margin:0 var(--body-margin-mobile)}}.app-container{display:flex;flex-direction:column;align-items:center;min-height:100vh}:root{--main-color: #000;--hover-color: #00cf4c;--line-color: #000;--font-size-large: 40px;--font-size-medium: 20px}.navbar-content{padding:0;margin:0;display:flex;flex-direction:column;align-items:center;min-width:100%}.navbar-content h1{font-size:var(--font-size-large);margin:20px 0 0}.navbar-content h4{margin:5px 0 20px;font-weight:400;text-align:center}.navbar-content h1 a{text-decoration:none;color:var(--main-color);transition:color .3s,font-weight .3s}.navbar-content h1 a:hover{color:var(--hover-color);font-weight:700}nav{margin:0 50px}nav>ul{list-style:none;padding:0;margin:20px 0 0;display:flex;justify-content:center;flex-wrap:wrap}nav>ul>li{position:relative;margin:0 5px;font-size:var(--font-size-medium)}nav>ul>li:not(:last-child):after{content:"•";margin-left:10px}nav>ul>li a{text-decoration:none;color:var(--main-color);font-weight:700;transition:color .3s}nav>ul>li a:hover{color:var(--hover-color)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid var(--line-color);list-style:none;padding:10px;margin:0;z-index:1000;min-width:150px}.dropdown-menu li{margin:0}.dropdown-menu li a{text-decoration:none;color:var(--main-color);font-weight:700;display:block;padding:5px 10px}.dropdown-menu li a:hover{background-color:var(--hover-color);color:var(--main-color)}.dropdown:hover .dropdown-menu{display:block}.horizontal-line{border:0;border-top:1px dotted var(--line-color);margin:5px auto}@media (min-width: 1280px){nav{margin:0 calc(5% + (25% - 5%) * ((100vw - 1280px) / (1920 - 1280)))}}@media (max-width: 1280px){nav{margin:0}nav>ul{flex-direction:column;align-items:center}nav ul>li:not(:last-child):after{content:"";margin-left:0}.horizontal-line{margin:20px 0 0}}.content{display:flex;flex-direction:column;align-items:center;margin:20px auto}.content h4,p{margin:5px;padding:0}