.App{background-color:#fefefe;height:100%;width:100%}.active{background-color:#1d4ed8}nav{display:flex;position:sticky;top:0;justify-content:space-between;align-items:center;background-color:#0f172a}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:.5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#172554;transition:.3s ease-in-out}.menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}.menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media (max-width: 480px){.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;transition:.4s ease-in-out}nav ul li{width:100%;text-align:center}.nav ul li a{margin:.2rem .5rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}