*{box-sizing:border-box}:root{font-family:"Josefin Sans",sans-serif}@supports (scroll-behavior:smooth){:root{scroll-behavior:smooth}}body,html{margin:0}body{min-height:100vh;display:flex;flex-direction:column}li,p{line-height:1.5}a{text-decoration:none;color:#00f}img{max-width:100%;max-height:100%;object-fit:scale-down}body>header>div.header-title{display:flex;padding:0 8px;background-color:#fcf9ff}body>header>div.header-title>div.header-nav-toggle{display:flex;margin:auto;padding:16px;cursor:pointer;border-radius:50%;border:1px solid #835cc1;color:#000;transition:background-color 250ms,color 250ms;background-color:#fff}@media (min-width:768px){body>header>div.header-title>div.header-nav-toggle{display:none}}body>header>div.header-title>div.header-nav-toggle:hover{background-color:#835cc1;color:#fff}body>header>div.header-title>div.header-nav-toggle>.fa-bars{width:16px;height:16px}body>header>div.header-title h1{flex:1;text-align:center;margin-bottom:8px}body>header>div.header-separator{position:relative}body>header>div.header-separator::after{content:"";position:absolute;bottom:0;height:1px;left:5%;right:5%;background-image:linear-gradient(to right,transparent,#000,transparent)}body>nav{display:flex;justify-content:center;background-color:#fcf9ff}body>nav>ul{display:flex;flex-direction:column;padding:0;margin:32px 0;font-size:1.25rem}@media (min-width:768px){body>nav>ul{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;margin:16px 0;font-size:1.1rem;padding:0 32px}}body>nav>ul>li{display:flex;flex:1;list-style-type:none;text-align:center;background-color:#fff;position:relative}body>nav>ul>li+li{margin-top:32px}@media (min-width:768px){body>nav>ul>li+li{margin-top:0}}body>nav>ul>li a{text-decoration:none;font-variant:small-caps;color:#000;padding:8px 32px;z-index:1;border:1px solid #835cc1;transition:color 250ms ease;width:100%}body>nav>ul>li a:hover{color:#fff}body>nav>ul>li a::before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0;background-color:#835cc1;transition:width 250ms ease}body>nav>ul>li a:hover::before{width:100%}body>nav>ul>li.active a{color:#fff}body>nav>ul>li.active a::before{width:100%}body>nav.hidden{display:none}body>main{flex:1;display:flex;flex-direction:column;background-color:#fefee1}/*# sourceMappingURL=base.css.map */