@import "https://fonts.googleapis.com/css2?family=Notable&display=swap";body{grid-template-rows:[header]auto[content]1fr[footer]3rem;grid-template-columns:[bleed-start]2rem[content-start]1fr[content-end]2rem[bleed-end];min-height:100vh;margin:0;font-size:16px;display:grid}body>header{grid-area:content;display:flex}@media (max-width:785px){body>header{flex-direction:column}body>header>div>h1{margin:0}body>header>nav>ul{justify-content:center}body>header>nav>ul>li>a{margin:0}}body>header>div{text-wrap:nowrap;text-align:center;flex-direction:column;flex-grow:1;justify-content:center;display:flex}body>header>div>h1{text-transform:capitalize;margin:0;font-family:Notable,sans-serif;font-size:clamp(1.5rem,8vw,3rem);font-style:normal;font-weight:400}body>header>div>p{letter-spacing:2px;margin:0;font-size:clamp(1rem,4vw,1.5rem);font-style:normal;font-weight:400}body>header>nav{flex-grow:1;align-content:center}body>header>nav>ul{justify-content:flex-end;margin-top:1rem;margin-bottom:1rem;margin-right:0;display:flex}body>header>nav>ul>li{list-style:none}body>header>nav>ul>li>a{color:#fff;background-color:#ff69b4;padding:1rem;text-decoration:none}body>header>nav>ul>li>a:hover{background-color:#ff1493}body>main{grid-area:content/content-start/content/content-end}body>footer{text-align:right;grid-area:footer/content}
/*# sourceMappingURL=index.c1b5d229.css.map */