html { 
  background: url(background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
    margin: 0px;
    font-family: helvetica, arial;
    color: #222222;
}

.pic {
    float: left;
    width: 40%;
    margin-right: 15px;
}

.social {
    margin-top: 25px;
}

.box {
    background: #F6F6F6;
    border: 3px solid #222222;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    width: 510px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    border-radius: 25px;
    padding: 30px;
}

h1 {
    font-size: 28px;
    margin-top: 0px;
    font-family: 'Shadows Into Light Two', cursive;
    margin-bottom: 5px;
}

h2 {
    font-size: 18px;
}

.sociallink {
    float: left;
    margin: 5px;
}