@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{font-size:14px;color:#727272;background-color:#fafafa}html,body{height:100%}body{height:100%;overflow-x:hidden;font-family:'Roboto', Helvetica, Arial, sans-serif}a{color:#00bcd4;text-decoration:underline}a:hover,a:active{color:#00d3ee;text-decoration:none}a:visited{color:#00bcd4;text-decoration:underline}section{overflow:hidden}footer{padding:40px 0;text-align:center}.button{display:inline-block;border-radius:2px;padding:0 15px;height:50px;line-height:50px;color:white;background-color:#00bcd4;text-decoration:none;text-transform:uppercase;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);transition:box-shadow 0.3s ease-out}.button:hover{color:white;text-decoration:none;box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}.page-content,.about-content,.contact-content{width:1140px;margin:0 auto}@media (max-width: 1200px){.page-content,.about-content,.contact-content{width:90%;width:calc(100% - 60px)}}@media (max-width: 640px){.page-content,.about-content,.contact-content{width:calc(100% - 20px)}}#home{position:relative;height:100%;min-height:480px}@media (max-width: 960px){#home{background:url("/images/typer.jpg") no-repeat 50% 50%;background-size:cover}}#about,#contact{padding:120px 0}@media (max-width: 640px){#about,#contact{padding:60px 0}}@media (max-width: 320px){#about,#contact{padding:40px 0}}#contact{color:white;background-color:#00bcd4}#contact a{color:white}#contact a:hover{color:darker(#fff, 5%)}.svg-sprite{display:none}.bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url("/images/typer.jpg") no-repeat 50% 50%;background-size:cover}@media (max-width: 960px){.bg-video{display:none}}.home-text{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background-color:rgba(0,0,0,0.4);color:white;text-align:center;text-transform:uppercase}.title{margin-bottom:20px;font-size:72px;font-weight:700}.title span{color:#00bcd4}@media (max-width: 640px){.title{font-size:56px}}.subtitle{font-size:18px;font-weight:300}@media (max-width: 640px){.subtitle{font-size:16px}}.title-scroll{position:absolute;left:50%;bottom:50px;margin-left:-28px;width:56px;height:56px;border-radius:50%;background-color:#fafafa;cursor:pointer;outline:none}.title-scroll:hover{box-shadow:0 0 5px 0 rgba(0,0,0,0.3)}@media (max-height: 500px){.title-scroll{bottom:30px}}.title-scroll-down{margin-top:21px;width:20px;height:15px;fill:#00bcd4}.about-content .about-text,.about-content .about-photo,.about-content .about-info{float:left;width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15px}@media (max-width: 1200px){.about-content .about-text{width:100%;margin-bottom:30px}.about-content .about-photo,.about-content .about-info{width:50%}}@media (max-width: 960px){.about-content .about-photo{width:40%}.about-content .about-info{width:60%}}@media (max-width: 640px){.about-content .about-text,.about-content .about-photo,.about-content .about-info{margin-bottom:30px;width:100%}.about-content .about-photo{margin-bottom:50px}}@media (max-width: 320px){.about-content .about-text,.about-content .about-photo,.about-content .about-info{margin-bottom:20px}.about-content .about-photo{margin-bottom:40px}}.about-subtitle{margin-bottom:30px;font-size:24px;font-weight:600;color:#00bcd4;text-transform:uppercase}.about-text .about-subtitle{margin-bottom:35px}@media (max-width: 320px){.about-text .about-subtitle{margin-bottom:20px}}@media (max-width: 320px){.about-subtitle{font-size:18px;margin-bottom:20px}}.about-text p{margin-bottom:30px;line-height:2}@media (max-width: 320px){.about-text p{margin-bottom:20px}}.about-img-container{max-width:360px;border:8px solid #fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.about-img{width:100%;max-width:100%}.about-info-row{padding:12px 0;border-bottom:1px solid #eee}.about-info-row span{display:inline-block}.about-info-row span:first-child{width:100px}@media (max-width: 400px){.about-info-row span{display:block}.about-info-row span:first-child{margin-bottom:10px}}.about-links{display:block;margin-top:30px;font-size:0}@media (max-width: 400px){.about-links{display:flex;justify-content:space-between}}.about-link{display:inline-block;border-radius:50%;width:36px;height:36px;background-color:white;text-decoration:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);transition:box-shadow 0.3s ease}.about-link:hover{text-decoration:none;box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}.about-link+.about-link{margin-left:13px}@media (max-width: 400px){.about-link+.about-link{margin-left:8px}}.about-link svg{margin:25%;width:50%;height:50%;fill:#727272;transition:fill 0.3s ease}.about-link.about-link-github:hover svg{fill:#333}.about-link.about-link-linkedin:hover svg{fill:#0274B3}.about-link.about-link-facebook:hover svg{fill:#3B579D}.about-link.about-link-twitter:hover svg{fill:#1DA1F2}.about-link.about-link-googleplus:hover svg{fill:#DC4A38}.about-link.about-link-vk:hover svg{fill:#4C75A3}.contact-content p{font-size:16px;line-height:1.5}@media (max-width: 640px){.contact-content{padding:0 10px;-moz-box-sizing:border-box;box-sizing:border-box}}.contact-title{margin-bottom:30px;font-size:48px;font-weight:700;text-transform:uppercase}@media (max-width: 640px){.contact-title{font-size:36px}}