:root{--primary-color:#30574e;--primary-color-light:#4a9183;--secondary-color:#46232d}body,html{margin:0;padding:0;font-family:Roboto,sans-serif}.toolbar{justify-content:space-between;align-items:center;width:100%;padding:0 20px;display:flex}.logo{align-items:center;display:flex}.nav-links{flex-grow:1;justify-content:center;gap:20px;display:flex}.nav-link{color:var(--primary-color);text-decoration:none}.active{font-weight:700}.nav-item{position:relative}.toolbar .nav-item:hover{border-bottom:2px solid var(--primary-color)}.toolbar .nav-item.nav-dark:hover{border-bottom:2px solid #fff}.content{height:calc(100vh - 64px);margin-top:64px;display:flex}.container{flex-direction:column;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex-grow:1;justify-content:center;align-items:flex-start;padding:20px;display:flex}@media (width<=768px){.content{flex-direction:column;height:auto}.main-content{margin-left:0;padding:20px}}