<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <h1>It's a thing!</h1>

@import url(https://fonts.googleapis.com/css?family=Lato:300); $background: #547B97; $foreground: lighten($background, .5); $text-color: #BADCDD; html, body { background: $background; font-size: 16px; } h1 { position: absolute; left: 10%; right: 10%; top: 60px; bottom: 60px; background: linear-gradient(to right, rgba($background, 0), $foreground 10%, $foreground 90%, rgba($background, 0)); text-align: center; color: $text-color; font-family: 'Lato'; font-weight: 300; font-size: 6rem; line-height: calc(100vh - 140px); letter-spacing: .2rem; &:before { content: ''; position: absolute; top: 0; left: 12%; right: 12%; bottom: 0; border-radius: 40%; z-index: -1; box-shadow: 0 0 100px 0 rgba(#000, .8); } }