@keyframes typing{from{opacity:0;width:0;border-width:.1em}1%{opacity:1}15%{width:0}99%{border-width:.1em}}@-webkit-keyframes typing{from{opacity:0;width:0;border-width:.1em}1%{opacity:1}15%{width:0}99%{border-width:.1em}}@keyframes blinking{from,to{border-color:#5d5d5d}50%{border-color:transparent}}@-webkit-keyframes blinking{from,to{border-color:#5d5d5d}50%{border-color:transparent}}@keyframes photo{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes photo{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}html,body{width:100%;height:100%}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:23px;color:#5d5d5d}*{box-sizing:border-box}header,section,footer,aside,nav,main,article,figure{display:block}canvas{position:fixed;width:100%;height:100%}#welcome{width:100%;height:100%;position:relative;font-size:3.8em;line-height:1.1em;text-align:center;text-shadow:-.02em .03em .02em rgba(0,0,0,0.5)}#welcome:before{content:"";display:block;width:100%;height:15%}#welcome .big{font-size:1.3em}#welcome .small{font-size:.7em;position:relative;top:-.15em}#welcome .white{text-shadow:none;color:#fff}#welcome .aqua{color:#00aaa8}#welcome #myPhoto{box-sizing:content-box;position:relative;float:right;width:18%;padding-bottom:18%;margin:2% 13% 0 -9%;overflow:hidden;border-radius:50%;border:solid .1em #00aaa8;box-shadow:-.02em .03em .05em rgba(0,0,0,0.5);background:#e5e4e6 url(../images/myPhoto.jpg) no-repeat 37% 45%;background-size:125% auto;animation:photo .9s;animation-delay:4s;animation-fill-mode:backwards;-webkit-animation:photo .9s;-webkit-animation-delay:4s;-webkit-animation-fill-mode:backwards}#welcome .typingText{margin:0 auto;overflow:hidden;border-right:solid 0 #5d5d5d;white-space:nowrap}#welcome .first{width:2em;-webkit-animation:typing .6s steps(4) 0s,blinking 1000ms step-end infinite;animation:typing .6s steps(4) 0s,blinking 1000ms step-end infinite;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#welcome .second{width:5em;-webkit-animation:typing 1.2s steps(8) 0.8s,blinking 1000ms step-end infinite;animation:typing 1.2s steps(8) 0.8s,blinking 1000ms step-end infinite;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#welcome .third{width:8em;-webkit-animation:typing 1.5s steps(10) 2.2s,blinking 1000ms step-end infinite;animation:typing 1.5s steps(10) 2.2s,blinking 1000ms step-end infinite;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#welcome .fourth{width:7em;-webkit-animation:typing 2.1s steps(14) 4.5s,blinking 1000ms step-end infinite;animation:typing 2.1s steps(14) 4.5s,blinking 1000ms step-end infinite;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#welcome .fifth{width:9em;-webkit-animation:typing 1.5s steps(10) 6.8s,blinking 1000ms step-end infinite;animation:typing 1.5s steps(10) 6.8s,blinking 1000ms step-end infinite;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#works{width:100%;height:98%;position:relative;text-align:center}#works:before{content:"";display:block;width:100%;height:25%}#works .imageWork{position:relative;display:inline-block;width:45%;padding-bottom:28%;margin:0 1%;border:solid .3em #00aaa8;background:url(../images/ppt.jpg) no-repeat;background-size:100% auto;font-size:1.2em;box-shadow:0 .2em .3em rgba(0,0,0,0.5);-webkit-transition:all 300ms linear;transition:all 300ms linear}#works .imageWork a{text-decoration:none}#works .imageWork a:visited{color:inherit}#works .imageWork h1{position:absolute;font-size:1.1em;top:-25%;left:0;width:100%;height:15%;text-align:center;text-shadow:-.02em .03em .02em rgba(0,0,0,0.5)}#works .imageWork h1 .orange{position:static;color:#df6501;font-size:.7em}#works .imageWork .overlay{position:absolute;width:100%;height:100%;background-color:rgba(94,94,94,0.75);overflow:hidden}#works .imageWork .overlay .title{position:absolute;color:#fff;background-color:#2d2c2c;width:88%;top:17%;left:6%;padding:2% 13%;font-size:.9em;-webkit-transition:transform 300ms linear;transition:transform 300ms linear}#works .imageWork .overlay .info{padding:2% 0 2% 6%;position:absolute;color:#ffa153;bottom:10%;width:88%;left:6%;font-size:.8em;text-align:left;background-color:#2d2c2c;-webkit-transition:transform 300ms linear;transition:transform 300ms linear}#works .imageWork .overlay .circle{position:absolute;top:20%;right:-40%;background-color:#2d2c2c;color:#ffa153;font-size:1.1em;width:40%;height:62%;border-radius:50%;-webkit-transition:transform 300ms linear;transition:transform 300ms linear}#works .imageWork .overlay .circle a{text-decoration:underline;color:inherit}#works .imageWork .overlay .circle > a{display:block;margin-top:3.1em}#works .imageWork:hover .overlay .title{transform:translate3d(0,-250%,0)}#works .imageWork:hover .overlay .info{transform:translate3d(0,250%,0)}#works .imageWork:hover .overlay .circle{transform:translate3d(-175%,0,0)}footer{position:relative;background-color:#2d2c2c;padding:1% 0;text-align:center;color:#00aaa8;font-size:.8em}@media screen and (min-width: 1800px) and (max-width: 3000px){body{font-size:35px}}@media screen and (min-width: 1500px) and (max-width: 1800px){body{font-size:28px}}@media screen and (min-width: 1210px) and (max-width: 1500px){body{font-size:23px}}@media screen and (min-width: 1026px) and (max-width: 1210px){body{font-size:20px}}@media screen and (min-width: 890px) and (max-width: 1026px){body{font-size:17px}}@media screen and (min-width: 656px) and (max-width: 890px){body{font-size:13px}}@media screen and (min-width: 500px) and (max-width: 656px){body{font-size:10px}}@media screen and (min-width: 50px) and (max-width: 500px){body{font-size:7px}}@media screen and (orientation: portrait){#welcome:before{height:31%}#works{height:auto;padding-top:1%}#works .imageWork{display:block;width:65%;padding-bottom:41%;margin:13% auto;font-size:1.6em}}