SCSS for Crizza Tutorial

test.scss

$bodyColor: #95aabf;
$patter: "../images/pattern.png";

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v11/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


body {
    background: $bodyColor;
    overflow: hidden;
}

body div {
    padding-top: 200px;
    text-align: center;
    width:100%;
    height:100%;
    position: absolute;
    background: left top repeat url($patter);
}

.site-title {
    font-family: Oswald, Arial, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: bold;
    line-height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 50;
}
.site-description {
    color: white;
    font-family: Oswald, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 100%;
    margin: 12px 0 0;
    position: relative;
    width: 100%;
    z-index: 50;
}
.site-title a {
    color: black;
    text-decoration: none;
}
.site-title a:hover {
    color: #222222;
    -webkit-transition: color 1s;
    transition: color 1s;
}