.navbar{position:absolute;top:0;left:0;width:100%;height:4rem;z-index:100;background-color:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;padding:1rem}.navbar__links{list-style:none;display:flex;gap:2.2rem}.navbar__links li a{position:relative;color:#fdfaf6;text-decoration:none;font-weight:500;font-size:1.5rem;transition:color .3s ease}.navbar__links li a:hover{color:rgba(244,162,97,.8)}.navbar__links li a:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%) scaleX(0);transform-origin:center;width:1.5rem;height:2px;background-color:#f4a261;transition:transform .3s ease}.navbar__links li.active a:after{transform:translateX(-50%) scaleX(1)}.navbar__links li.active a{color:#f4a261}@media(max-width:768px){.navbar__links{gap:1.5rem}.navbar__links li a{font-size:1.4rem}}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;overflow-x:hidden;font-family:Roboto,sans-serif;background-color:#2c3e50;color:#fdfaf6}a{text-decoration:none}a:hover{text-decoration:underline}h1:not(.heading-main,.heading-recipe):after{content:"";display:block;width:300px;height:80px;background:url(/flourish-small.svg) no-repeat 50%;background-size:cover;margin:-1rem auto 1.5rem}a,h1,h2,h3{font-family:"DM Serif Display",serif}.page{max-width:800px;margin:0 auto;padding:15vh 2rem 2rem}.layout{width:100%;overflow-x:hidden}@media(max-width:768px){h1:not(.heading-main,.heading-recipe):after{width:200px}.page{padding-top:10vh}}