body font-family: $font-family font-size: $font-size-base line-height: 1.5em padding: 24px .center margin: 0 auto max-width: 920px a text-decoration: underilne color: $highlight-color &.no-underline text-decoration: none hr border: 0px margin: 1em 0 1em 0 border-top: #CCC 1px solid p:first-child margin-top: 0 .text-left text-align: left .text-center text-align: center .text-right text-align: right .text-bold font-weight: bold .text-size-small font-size: $font-size-small .text-size-normal font-size: $font-size-normal .text-size-enormous font-size: $font-size-enormous .float-right float: right .float-left float: left .clearfloat clear: both .display-block display: block .block-info background-color: lighten($highlight-color, 40%) padding: 12px // New .page-content margin: 0 auto flex-direction: row max-width: 980px @media ($tablet) display: block width: 100% header text-align: right h1 margin-top: 0 font-size: 1.5em .avatar float: left width: 70px margin: 0 auto margin-right: 12px img border-radius: 12% nav a display: inline-block padding-left: 20px .social list-style: none padding: 0 .main-content @media ($tablet) width: 100% *:target background-color: lighten($highlight-color, 40%) h1 font-size: 1.7em h2 font-size: 1.5em h3 font-size: 1.3em footer text-align: center font-size: 0.8em