@keyframes cray{3.33333%{font-weight:500;font-style:normal;text-decoration:none;text-transform:lowercase}6.66667%{font-weight:400;font-style:normal;text-decoration:none;text-transform:lowercase}10%{font-weight:200;font-style:normal;text-decoration:none;text-transform:capitalize}13.33333%{font-weight:700;font-style:normal;text-decoration:none;text-transform:none}16.66667%{font-weight:500;font-style:normal;text-decoration:none;text-transform:none}20%{font-weight:500;font-style:italic;text-decoration:none;text-transform:none}23.33333%{font-weight:700;font-style:normal;text-decoration:none;text-transform:none}26.66667%{font-weight:100;font-style:italic;text-decoration:none;text-transform:none}30%{font-weight:600;font-style:normal;text-decoration:none;text-transform:capitalize}33.33333%{font-weight:300;font-style:italic;text-decoration:none;text-transform:none}36.66667%{font-weight:200;font-style:normal;text-decoration:none;text-transform:none}40%{font-weight:700;font-style:normal;text-decoration:none;text-transform:none}43.33333%{font-weight:300;font-style:normal;text-decoration:none;text-transform:none}46.66667%{font-weight:100;font-style:normal;text-decoration:none;text-transform:none}50%{font-weight:300;font-style:normal;text-decoration:line-through;text-transform:none}53.33333%{font-weight:500;font-style:italic;text-decoration:none;text-transform:none}56.66667%{font-weight:200;font-style:italic;text-decoration:none;text-transform:lowercase}60%{font-weight:300;font-style:italic;text-decoration:underline;text-transform:uppercase}63.33333%{font-weight:200;font-style:normal;text-decoration:none;text-transform:none}66.66667%{font-weight:400;font-style:italic;text-decoration:none;text-transform:none}70%{font-weight:300;font-style:normal;text-decoration:none;text-transform:none}73.33333%{font-weight:500;font-style:normal;text-decoration:none;text-transform:none}76.66667%{font-weight:600;font-style:normal;text-decoration:none;text-transform:none}80%{font-weight:500;font-style:italic;text-decoration:line-through;text-transform:none}83.33333%{font-weight:600;font-style:italic;text-decoration:line-through;text-transform:lowercase}86.66667%{font-weight:200;font-style:normal;text-decoration:none;text-transform:uppercase}90%{font-weight:300;font-style:normal;text-decoration:none;text-transform:capitalize}93.33333%{font-weight:100;font-style:normal;text-decoration:none;text-transform:none}96.66667%{font-weight:100;font-style:normal;text-decoration:none;text-transform:none}}@font-face{font-family:"Source Code Pro";font-style:normal;font-weight:400;src:url(../fonts/source-code-pro-v14-latin-regular.eot);src:local(""),url(../fonts/source-code-pro-v14-latin-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/source-code-pro-v14-latin-regular.woff2) format("woff2"),url(../fonts/source-code-pro-v14-latin-regular.woff) format("woff"),url(../fonts/source-code-pro-v14-latin-regular.ttf) format("truetype"),url(../fonts/source-code-pro-v14-latin-regular.svg#SourceCodePro) format("svg")}*{margin:0;padding:0;outline:0}body,html{height:100%}body{font-family:"Source Code Pro";background:#2f4f4f;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.wrapper{width:320px;height:500px;position:absolute;top:50%;left:50%;margin:-225px 0 0 -160px}h1{cursor:pointer;text-align:center;font-size:30px}h1,h2,h3,h4{font-family:"Source Code Pro";margin-bottom:15px;display:block;font-weight:lighter}ul{list-style-type:none}a{color:#fff;text-decoration:none}.clear{clear:both}figure.head{margin:auto auto 35px;position:relative;overflow:hidden;min-width:320px;max-width:320px;max-height:270px;width:100%;background:#2f4f4f;color:#fff;text-align:center;box-shadow:0 0 5px rgba(0,0,0,.15);cursor:pointer}figure.head *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}figure.head img{max-width:100%;position:relative;opacity:.4}figure.head figcaption{position:absolute;top:0;left:0;bottom:0;right:0}figure.head h1{position:absolute;left:40px;right:40px;display:inline-block;background:#000;-webkit-transform:skew(-10deg) rotate(-10deg) translate(0,-50%);transform:skew(-10deg) rotate(-10deg) translate(0,-50%);padding:12px 5px;margin:0;top:50%}figure.head h1 span{font-weight:800}figure.head:before{height:100%;width:200%;top:0;left:-50%;content:"";background:#fff;position:absolute;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:rotate(110deg) translateY(-50%);transform:rotate(110deg) translateY(-50%)}figure.head a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}figure.head{background:#2f4f4f}figure.head h1{background:#2f4f4f}figure.head.hover img,figure.head:hover img{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}figure.head.hover h1,figure.head:hover h1{-webkit-transform:skew(-10deg) rotate(-10deg) translate(-150%,-50%);transform:skew(-10deg) rotate(-10deg) translate(-150%,-50%)}figure.head.hover:before,figure.head:hover:before{-webkit-transform:rotate(110deg) translateY(-150%);transform:rotate(110deg) translateY(-150%)}figure.head div{outline:0;font-size:30px;text-align:center;min-height:30px}figure.head div,figure.head div *{animation:cray 6s infinite steps(30);display:inline-block}.description{margin-top:20px;margin-bottom:20px;display:block;text-align:center}.icons{text-align:center}.icons li{display:inline;margin:0 10px 20px;line-height:40px}.icons li svg{width:40px;padding-bottom:4px;border-bottom:2px solid #2f4f4f;overflow:visible}.icons li svg path{fill:#fff}.icons li:hover svg path{fill:#2f4f4f;stroke:#fff;stroke-width:.25}