@import 'fonts'; @import 'colors'; * { font-family: Montserrat, sans-serif; color: $text-color; box-sizing: border-box; margin: 0; padding: 0; } body { background: $background; } header { margin-bottom: 1em; } main { max-width: 1200px; margin: auto; } h1, h2, h3, h4, h5, h6 { font-family: Orbitron, sans-serif; font-weight: 900; text-transform: uppercase; } h1 { border-bottom: 2px $text-color solid; margin-bottom: 0.5em; } a { text-decoration: none; } .nav { max-width: 1200px; margin: 0 auto; padding: 0.25em 0; display: flex; flex-direction: column; justify-content: space-between; @media screen and (min-width: 800px) { flex-direction: row; } .nav-logo { margin: 0 auto; @media screen and (min-width: 800px) { margin-left: 0; } img { width: 48px; } } .nav-link { align-self: center; padding: 0.5em; &.nav-link-active { } } }