.details,.socials{text-align:center}a,body,div,h1,html,img,li,p,ul{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.socials ul li,img{vertical-align:middle}body{line-height:1;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#242e38}img{max-width:100%;height:auto}ul{list-style:none}a{text-decoration:none}.main{position:absolute;top:50%;left:50%;width:200px;margin:-116px 0 0 -100px}.circle{width:96px;height:96px;border:4px solid #16a085;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;margin:0 auto}.details{position:relative;padding:15px 0 16px;margin-bottom:15px}.details h1{font-size:1.375em;font-weight:400;color:#f4f4f4;margin-bottom:4px}.details p{font-size:1em;font-weight:100;color:#566e86}.details::after{content:" ";position:absolute;left:50%;bottom:0;width:30px;display:block;margin-left:-15px;border-bottom:1px solid #566e86}.socials ul li{display:inline-block;margin-right:10px}.socials ul li:last-child{margin-right:0}.socials ul li a{display:block}.icon{width:35px;height:39px;background:url(../img/icons.png) no-repeat;background-size:140px 78px}.icon-facebook{background-position:0 0}.icon-twitter{background-position:-35px 0}.icon-linkedin{background-position:-70px 0}.icon-github{background-position:-105px 0}.icon-facebook:hover{background-position:0 -39px}.icon-twitter:hover{background-position:-35px -39px}.icon-linkedin:hover{background-position:-70px -39px}.icon-github:hover{background-position:-105px -39px}