html { font-family: 'Montserrat', sans-serif; height: 100%; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* ========================================================================== Main Styling ========================================================================== */ body{ color: #555; height: inherit; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; font-size: 16px; font-weight: normal; line-height: 1.4; } /*Main*/ .main{ max-width: 480px; margin: auto; position: relative; top: 50%; transform: translateY(-50%); padding: 20px; } /* .bar{ background-image: linear-gradient(60deg, rgba(15, 216, 80, 0.6) 0%, rgba(156, 249, 71, 0.6) 100%); position:absolute; bottom: 0; height: 1.25rem; left: 0; right: 0; } */ h1{ color: #111; font-weight: 500; font-size: 54px; margin: 0; margin-bottom: 0.15rem; margin-left: -0.15rem; letter-spacing: -0.5px; } p{ margin:0; padding:0; color: #797979; line-height: 1.75; font-size: 1rem; } .intro > p{ margin: 0 0 4rem 0; } .intro > p+p{ margin: 0 0 0.5rem 0; } .intro > p+p+p{ margin: 0 0 0.5rem 0; } a{ color: #111111; text-decoration: none; } a:hover{ color: #000000; text-decoration: underline; } .links{ font-size: 14px; margin-top: 5px; } .links span{ color: #ddd; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }