html,html body{width:100%;height:100%}html body{background-color:#fff;margin:0;padding:0;font-family:Jost,sans-serif;font-size:17px;line-height:1.5em;color:#666;-webkit-font-smoothing:antialiased}h2{font-weight:500;color:#ec1930;line-height:1.4em}h2 span{display:inline-block}h2 span.seperator{color:#ccc}h2 span.name{color:#333}@media screen and (max-width:500px){h2 span{display:block}h2 span.seperator{display:none}}h3,h4{font-weight:500;color:#333}h3{font-size:1.4em;line-height:1.4em}a{transition:.5s;color:#666;text-decoration:none}a:hover{color:#ec1930}.wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media screen and (max-width:500px){.wrap{height:auto;display:block;width:80%;margin:20px auto}}.wrap .inner{text-align:center;padding-bottom:50px}.wrap .inner .images{margin-top:50px}.wrap .inner .images img{display:inline-block;border-radius:100%;max-width:120px;margin:0 10px}.wrap .inner ul{list-style:none;margin:0;padding:0}.wrap .inner ul.skills li{margin-bottom:5px}.wrap .inner ul.skills li span{color:#999;font-size:15px}.wrap .inner ul.contact{margin-top:20px;margin-bottom:50px}.wrap .inner ul.contact li{display:inline-block}.wrap .inner ul.contact li a{display:block;margin:6px;font-size:2em}