@charset "UTF-8";
::selection {
    background: #eee;
    color: #222;
}

html, body {
    font: 100 16px/1.5 'Roboto', sans-serif;
    color: #B7B7B7;
    background: url(../img/bg.png) no-repeat bottom left #3D3D3D;
    letter-spacing: 1px;
}

* {
    -webkit-font-smoothing: antialiased;
}

h1 {
    font: 100 60px/1 'Roboto', sans-serif;
    color: #B7B7B7;
}

h2 {
    font: 100 55px/1.2 'Roboto', sans-serif;
    color: #B7B7B7;
    margin: 0;
}

h3 {
    font: 100 30px/1.1 'Roboto', sans-serif;
    color: #B7B7B7;
}

a, a:visited {
    color: #1ABBBC;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

div#intro {
    height: 100vh;
}

div.intro-title {
    font: 100 5em/1 'Roboto', sans-serif;
    margin-top: 20vh;
}

div.intro-text {
    font: 100 1.5em/1.4 'Roboto', sans-serif;
    padding-bottom: 10px;
}

div.social a, div.social a:visited {
    color: #B7B7B7;
    display: inline-block;
    font-size: 25px;
    margin-right: 15px;
}

div.social a:hover {
    color: #eee;
}