header#headertron { color: $logo-color; font-family: $font-read; font-size: 2em; line-height: 2; margin: 2rem 0 6rem 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 90vh; min-height: calc(100vh - 48px - 16px - 16px - 64px - 80px); .delimiter { display: block; width: auto; height: 0.7em; height: 2.5em; } .nav { display: none; } .links { display: flex; align-content: flex-start; justify-content: center; a { margin: 0 0.7em; padding: 0 0.5em; font-family: $font-main; display: inline-block; color: $logo-color; text-decoration: none; outline: 0; &:hover { color: $color-link-hover; } &:focus { background-color: rgba($color-link, 0.1); } &:active { background-color: rgba($color-link-hover, 0.2); } } } }