@import url("https://fonts.googleapis.com/css2?family=Golos+Text&family=Tilt+Warp&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Golos Text,sans-serif;font-family:Tilt Warp,cursive;font-size:100%;background-color:#643000}h1{text-align:center;font-size:2rem;color:#fff;margin-top:1rem}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;border-bottom:1px solid #ccc;margin-bottom:2rem;font-size:20px}.header-nav a{text-decoration:none;color:#fff;font-size:1.2rem;margin-right:1rem}.header-nav a:hover{color:#000;background-color:#fff;border-radius:5px}.header-nav a:hover,.nav-link{transition:all .3s ease-in-out}.nav-link{text-decoration:none;color:#fff;font-size:1.2rem;margin-right:1rem}.nav-link:hover{color:#1e90ff;background-color:#fff;border-radius:5px;padding:.5rem}@media screen and (max-width:768px){.header-nav{flex-direction:column;align-items:flex-start}.nav-link{margin-top:1rem}}