html{height:100%}body{font-family:'Roboto Slab',serif;text-align:center;background-size:cover;background-position:center center;background-attachment:fixed;height:100%;width:100%;display:table;color:#004}#container{vertical-align:middle;text-align:center;display:table-cell}#content{margin-top:1em;margin-right:auto;margin-left:auto}img{height:10em;width:10em;border-radius:5em;border:1px solid #000}h1 .name{color:#54A821;white-space:nowrap}.highlight{color:#54A821}p{letter-spacing:.5px}a,a:active,a:hover,a:visited{text-decoration:none}a,a:active,a:visited{color:#FF52A9;transition:all 400ms ease}a:hover{color:#ffa3d1}.fa{color:#FF52A9;font-size:3em;transition:all 400ms ease;padding-left:.25em;padding-right:.25em;position:relative}.first .fa{padding-left:0}.last .fa{padding-right:0}.fa:hover{color:#ffa3d1;top:-2px}body{font-size:13px}#content{max-width:300px}@media (min-width:480px){body{font-size:15px}#content{max-width:390px}}@media (min-width:780px){body{font-size:18px}#content{max-width:480px}}.fadein{opacity:0}.fadein.run{-webkit-animation:fadein .8s;animation:fadein .8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.delay-1.run{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-2.run{-webkit-animation-delay:.8s;animation-delay:.8s}.delay-3.run{-webkit-animation-delay:1.2s;animation-delay:1.2s}.delay-4.run{-webkit-animation-delay:1.6s;animation-delay:1.6s}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}