@import 'https://fonts.googleapis.com/css?family=Share+Tech+Mono';

body {
    background: #000 url("../images/bg.jpg") no-repeat fixed center;
    margin: 0px;
    padding: 0px;
    color: #eee;
    font-family: 'Share Tech Mono', monospace;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#hello {
    font-size: 60px;
    width: 400px;
    height: 100px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -50px;
}
#social {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.social {
    width: 32px;
    height: 32px;
    display: inline-block;
}
.social a {
    display: block;
    width: 32px;
    height: 32px;
}
#mail {
    background-image: url("../images/mail.png");
}
#mail:hover {
    background-image: url("../images/mail-hover.png");
}
#facebook {
    background-image: url("../images/facebook.png");
}
#facebook:hover {
    background-image: url("../images/facebook-hover.png");
}
#twitter {
    background-image: url("../images/twitter.png");
}
#twitter:hover {
    background-image: url("../images/twitter-hover.png");
}
#gplus {
    background-image: url("../images/gplus.png");
}
#gplus:hover {
    background-image: url("../images/gplus-hover.png");
}
#linkedin {
    background-image: url("../images/linkedin.png");
}
#linkedin:hover {
    background-image: url("../images/linkedin-hover.png");
}
#skype {
    background-image: url("../images/skype.png");
}
#skype:hover {
    background-image: url("../images/skype-hover.png");
}