body{margin:0;background:#FFF;min-width:960px;font-family:Enriqueta,serif}footer{position:fixed;bottom:5px;display:inline-block;left:5px;font-size:10px}rect{fill:none;pointer-events:all}circle{fill:none}.name{pointer-events:none;position:absolute}.text{margin:10% auto;max-width:650px;line-height:1.6;font-size:18px;color:#444;padding:0 10%;display:block}.icons{width:100%;padding:10px 0}.icons svg{position:relative;float:left;padding:5px 10px 5px 0;fill:#65C8AD;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.icons span :hover{fill:#C874D0}p{display:block}h1,h2{line-height:1.2}h1{display:block;font-size:2em;font-weight:700}h2{display:block;font-size:1.5em;font-weight:700}h3{display:block;font-size:.5em;line-height:2;font-weight:700}a{text-decoration:none;color:#65C8AD;pointer-events:auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}a:hover{color:#C874D0}@media only screen and (min-device-width :320px) and (max-device-width :568px){h1{font-size:1.25em}h2{font-size:1em}.hide{display:none}}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){body{width:320px}h1{font-size:3em}h2{font-size:2em}.text{margin:7% auto;padding:0 7%;font-size:.5em}}