// Overall body
display: flex min-height: 100vh flex-direction: column
a
color: #bdbdbd
a:hover
text-decoration: underline
a:active
text-decoration: underline
main
flex: 1 0 auto
header, main, footer
padding-left: 300px
.container
width: 90%
// Header header
height: 80px a:hover text-decoration: none .background background: -webkit-linear-gradient(90deg, #faf6e4 10%, #00537E 90%) background: linear-gradient(30deg, #faf6e4 10%, #00537E 50%)
a
&.button-collapse &.top-nav position: absolute text-align: center height: 48px width: 48px top: 0 float: none color: #fff font-size: 36px z-index: 999 line-height: 80px
nav
.page-title font-size: 36px font-weight: bold line-height: 80px
nav
&.top-nav height: 80px
// Footer footer.page-footer
margin-top: 10px .row margin-bottom: 0px p margin-top: 5px
// Misc blockquote
border-left-color: teal
main
ul &:not(.browser-default) padding-left: 40px li list-style-type: disc
@media only screen and (max-width: 992px)
header, main, footer padding-left: 0 nav .nav-wrapper text-align: center
@media only screen and (max-width: 600px)
nav .page-title font-size: 20px