body{box-sizing:border-box;background-color:#efecea}@keyframes flow{0%{background-position:0 50%}50%{background-position:100%,50%}100%{background-position:0,50%}}.my-font{font-family:open-sans}.typography{font-family:open-sans;line-height:2.2rem;font-size:1.1rem}.typography-header{font-family:open-sans;line-height:2.2rem;color:#3a3c49}.about{font-family:open-sans;color:#79726e}.socials{position:relative;margin:0 0 1.3rem 0;text-align:center}.socials a{margin:0 .4rem;position:relative;display:inline-block;vertical-align:top;overflow:hidden;width:2.6rem;height:2.6rem;line-height:2.6rem;text-align:center;border:1px solid #ccc;transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;border-radius:2.6rem;-moz-border-radius:2.6rem;-webkit-border-radius:2.6rem;-khtml-border-radius:2.6rem}.socials a .icon{font-size:1.1rem;color:#292929;transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s}.socials a:hover{border:1px solid #292929}.socials a:hover .icon{color:#292929}footer .copy{font-size:.5rem;color:#898989}footer{bottom:1px}