/*! * orest.is * Personal website of Orestis Herodotou * http://orest.is * @author Orestis Herodotou * @version 1.0.0 * Copyright 2016. MIT licensed. */ .clear:after,.clear:before{content:' ';display:table}.clear{*zoom:1}.clear:after{clear:both}*{box-sizing:border-box;font-smoothing:antialiased;text-rendering:optimizeLegibility}html{font-size:1em}body{background-color:#352d32}body,html{overflow-x:hidden}body,html{margin:0;padding:0;min-height:100vh;width:100%}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}@font-face{font-family:rondo;src:url(../fonts/rondo/rondo.eot?#) format("eot"),url(../fonts/rondo/rondo.svg#rondo) format("svg"),url(../fonts/rondo/rondo.woff) format("woff"),url(../fonts/rondo/rondo.ttf) format("truetype");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon)}[class*=" icon-"]:before,[class^=icon-]:before,[data-icon]:before{font-family:rondo;speak:none;-webkit-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";font-feature-settings:"liga","dlig";text-rendering:optimizeLegibility}[class*=" icon-"]:before,[class^=icon-]:before{font-style:normal}.icon-linkedin:before{content:"\6c\69\6e\6b\65\64\69\6e"}.icon-twitter:before{content:"\74\77\69\74\74\65\72"}.icon-email:before{content:"\65\6d\61\69\6c"}.icon-facebook:before{content:"\66\61\63\65\62\6f\6f\6b"}.icon-github:before{content:"\67\69\74\68\75\62"}.icon-instagram:before{content:"\69\6e\73\74\61\67\72\61\6d"}.icon-googleplus:before{content:"\67\6f\6f\67\6c\65\70\6c\75\73"}.icon-dribbble:before{content:"\64\72\69\62\62\62\6c\65"}.icon-vimeo:before{content:"\76\69\6d\65\6f"}.icon-youtube:before{content:"\79\6f\75\74\75\62\65"}.icon-stackoverflow:before{content:"\73\74\61\63\6b\6f\76\65\72\66\6c\6f\77"}.icon-soundcloud:before{content:"\73\6f\75\6e\64\63\6c\6f\75\64"}.icon-reddit:before{content:"\72\65\64\64\69\74"}.icon-pinterest:before{content:"\70\69\6e\74\65\72\65\73\74"}.icon-behance:before{content:"\62\65\68\61\6e\63\65"}body{color:#222;font-size:1em;line-height:1.4;font-family:Quicksand,sans-serif}a{text-decoration:none;color:#fff;transition:color .3s linear}a:hover{color:#ff4a00}p{font-weight:300}.hidden{display:none}h1{margin-top:250px;margin-bottom:0;font-size:2em;display:inline-block;text-transform:uppercase;letter-spacing:-1px;font-weight:300;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all 1s .5s}h1 strong{font-weight:400}@media screen and (max-width:480px){h1{margin-top:30px;line-height:30px}h1 strong{font-size:1.6em}}h1:after{content:'';height:1px;width:100%;display:block;margin-top:10px;background-color:hsla(0,0%,100%,.1);display:none}h2{margin-top:0;margin-bottom:0;font-weight:300;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);transition:all 1s .5s}body.loaded h2{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}::selection{background:#333;color:#fff;text-shadow:none}::-moz-selection{background:#333;color:#fff;text-shadow:none}::-webkit-selection{background:#333;color:#fff;text-shadow:none}.wrapper{min-height:100vh;width:100vw;margin:0;position:relative;z-index:2;top:0;left:0;right:0;background-image:url(../img/background.png);background-size:cover;background-position:0 100%;background-repeat:no-repeat;background-attachment:fixed}@media screen and (max-width:480px){.wrapper{background-position:-130px bottom}body.loaded .cover{opacity:.3!important}}.cover{top:0;left:0;right:0;bottom:0;background-color:#352d32;z-index:2;opacity:.3;transition:all 1s}.cover,.loading{position:absolute}.loading{top:50%;left:50%;width:150px;margin-left:-75px;color:#fff;transition:opacity 1s}body.loaded .cover,body.loaded .loading{opacity:0}.hero{text-align:right;margin-bottom:50px}body.loaded h1{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.statement{font-family:Work Sans,sans-serif;opacity:0;transition:all 1.5s 1s}body.loaded .statement{opacity:1}.content{position:relative;z-index:3;max-width:1580px;margin:0 auto;padding:40px;color:#fff}.content-section{text-align:right}@media screen and (min-width:480px){.content-section{margin-left:65%;width:35%}}#particles-js,#triangles{position:absolute;z-index:1;opacity:0;transition:all 1s;top:0;bottom:0;left:0;width:1000px}body.loaded #triangles{opacity:1}ul.social-logos{margin:50px 0;padding:0;list-style-type:none}ul.social-logos li{display:inline-block;font-size:2em;margin-left:10px;opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}ul.social-logos li a{color:hsla(0,0%,100%,.6)}ul.social-logos li#email{transition:opacity 1s 1.5s,-webkit-transform 1s 1.5s;transition:transform 1s 1.5s,opacity 1s 1.5s;transition:transform 1s 1.5s,opacity 1s 1.5s,-webkit-transform 1s 1.5s}ul.social-logos li#email a:hover{color:#ff4a00}ul.social-logos li#linkedin{transition:opacity 1s 1.8s,-webkit-transform 1s 1.8s;transition:transform 1s 1.8s,opacity 1s 1.8s;transition:transform 1s 1.8s,opacity 1s 1.8s,-webkit-transform 1s 1.8s}ul.social-logos li#linkedin a:hover{color:#0077b5}ul.social-logos li#twitter{transition:opacity 1s 2.1s,-webkit-transform 1s 2.1s;transition:transform 1s 2.1s,opacity 1s 2.1s;transition:transform 1s 2.1s,opacity 1s 2.1s,-webkit-transform 1s 2.1s}ul.social-logos li#twitter a:hover{color:#55acee}ul.social-logos li#facebook{transition:opacity 1s 2.4s,-webkit-transform 1s 2.4s;transition:transform 1s 2.4s,opacity 1s 2.4s;transition:transform 1s 2.4s,opacity 1s 2.4s,-webkit-transform 1s 2.4s}ul.social-logos li#facebook a:hover{color:#3b5998}ul.social-logos li#pinterest{transition:opacity 1s 2.7s,-webkit-transform 1s 2.7s;transition:transform 1s 2.7s,opacity 1s 2.7s;transition:transform 1s 2.7s,opacity 1s 2.7s,-webkit-transform 1s 2.7s}ul.social-logos li#pinterest a:hover{color:#bd081c}body.loaded ul.social-logos li{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}