body{background-color:#fff}a:link{color:#a2a2a2;text-decoration:none}a:visited{color:#a2a2a2;text-decoration:none}a:hover{color:#cfcfcf;text-decoration:none}a:active{color:#a2a2a2;text-decoration:none}.wrapper{opacity:0;-webkit-animation:wrapper 1s normal forwards ease-in-out;animation:wrapper 1s normal forwards ease-in-out}@-webkit-keyframes wrapper{0%{opacity:0}25%{opacity:.2}50%{opacity:.6}100%{opacity:1}}@keyframes wrapper{0%{opacity:0}25%{opacity:.2}50%{opacity:.6}100%{opacity:1}}.card{margin:12% auto;width:500px;height:300px;background-color:#fff;padding:25px;border-radius:8px;border:2px solid #dadada;-webkit-animation:card 1.6s normal forwards ease-in-out;animation:card .3s normal forwards ease-in-out}@-webkit-keyframes card{30%{box-shadow:1px 1px 1px rgba(218,218,218,.2)}100%{box-shadow:3px 3px 3px rgba(218,218,218,.8)}}@keyframes card{30%{box-shadow:1px 1px 1px rgba(218,218,218,.2)}100%{box-shadow:3px 3px 3px rgba(218,218,218,.8)}}.avatar{position:relative;background-image:url(avatar.png);background-size:contain;float:right;width:130px;height:145px;text-align:center}.avatar_blink{background-image:url(avatar_blink.png);background-size:contain;width:100%;height:100%;text-align:center;opacity:0}.avatar_nose{position:absolute;cursor:pointer;top:56px;right:60px;height:10px;width:10px}.card:hover .avatar_blink{opacity:1;-webkit-transition:all .1s;-moz-transition:all .1s;transition:all .1s}h1{font-family:Ubuntu,sans-serif;font-size:40px;font-weight:400;letter-spacing:2px;margin-top:20px}h2{font-family:Ubuntu,sans-serif;font-size:18px;font-weight:200;letter-spacing:2px;margin-top:10px;padding-left:5px;color:#a2a2a2}h3{font-family:Ubuntu,sans-serif;font-size:15px;font-weight:200;letter-spacing:-1px;margin-top:10px;padding-left:5px}ul.links{margin-top:120px;text-align:center;font-size:50px}ul.links>li{display:inline;padding:5px}ul.links>li a{color:#5bc2ff;text-decoration:none;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s}ul.links>li a:hover{color:#0081cc;text-decoration:none}ul.links>li a:active{color:#5bc2ff;text-decoration:none}@media only screen and (max-width:560px){.card{margin:0 auto;width:100%;border-radius:0;border:0;-webkit-animation:none!important;animation:none!important}.avatar{margin-right:40px}}@media only screen and (max-width:460px){.avatar{display:none}}