.App{background-color:#fefefe;height:100vh;width:100%;background-color:var(--background-color)}.title-container{overflow:hidden;margin-top:100px;margin-bottom:30px}.title-container h1{font-size:64px;font-weight:700}.active{background-color:#1d4ed8}nav{display:flex;justify-content:space-between;align-items:center;background-color:#1f2325;position:sticky;top:0}nav .title{font-size:1.5rem;margin:1rem;font-weight:700;text-decoration:none;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#0ff}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media (max-width: 480px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}:root{--background-color: #f6f6f6;--foreground-color: #003cff;--primary-text-color: #0a0a0a;--toggle-bg: #f0eb9d;--toggle-fg: #ffd000}