a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a,a:hover{color:inherit;text-decoration:none}img{max-width:100%}body{position:relative;background:#17191d;background:radial-gradient(circle at 35% 0,#3d3e43 0,rgba(23,25,29,.99) 60%);color:#fff;font-weight:400;font-family:sans-serif}.wrapper{display:block;width:100%;max-width:1400px;margin:0 auto;padding:0 20px}@media all and (max-width:1400px){.wrapper{max-width:1200px}}.open .page{display:none}.section{padding:50px 0}.text-center{text-align:center;justify-content:center}.footer{text-align:center;min-height:50px}.footer p{margin:0 0 20px;line-height:1.5}@media all and (max-width:480px){.footer p span{display:block}}.social{position:fixed;bottom:40px;left:40px}@media all and (max-width:1024px){.social{display:none;bottom:20px;left:20px}.open .social{display:block}}.social li{width:20px}.social li a{display:block;padding:5px 0}.social li a svg{width:100%}.social li a:hover svg{color:#ffd302}.resume{position:fixed;bottom:40px;right:40px;writing-mode:tb-rl;font-size:18px;text-transform:uppercase;letter-spacing:2px;padding:50px 0}@media all and (max-width:1024px){.resume{display:none;bottom:20px;right:20px}.open .resume{display:block}}.resume:after,.resume:before{display:block;width:2px;height:30px;background:#fff;content:"";position:absolute;left:50%;transform:translateX(-50%);transition:.3s}.resume:before{top:0}.resume:after{bottom:0}.resume:hover:after,.resume:hover:before{background:#ffd302}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;justify-content:center;box-sizing:border-box}.col{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-flex:0;box-sizing:border-box}.col-2{-ms-flex:0 0 16.666666%;flex:0 0 16.666666%;max-width:16.666666%}@media all and (max-width:1400px){.col-2{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media all and (max-width:768px){.col-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}.col-5{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}@media all and (max-width:768px){.col-5{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}@media all and (max-width:768px){.col-4{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}@media all and (max-width:1024px){.col-6{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333334%;flex:0 0 83.3333334%;max-width:83.3333334%}.heading{position:relative}.heading:after{content:"";height:2px;width:50px;background:#ffd302;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%)}h1{font-family:sans-serif;font-weight:700;font-size:50px;text-transform:uppercase;text-align:center;margin:0 0 40px}@media all and (max-width:480px){h1{font-size:40px}}h2{position:relative;font-size:50px;text-transform:uppercase;font-weight:700;text-align:center;margin:0 0 40px}@media all and (max-width:480px){h2{font-size:40px}}h4{font-weight:600;font-size:18px;text-transform:uppercase;margin:0 0 10px}p{font-size:18px;font-weight:300;line-height:1.5;margin:0 0 30px}a{transition:.2s}a:hover{color:#ffd302}header{display:block;width:100%;height:100px;position:fixed;top:0;left:0;padding:40px;box-sizing:border-box;font-weight:300}@media all and (max-width:1024px){header{padding:40px 10px}}.headerWrapper{display:flex;justify-content:space-between;text-transform:uppercase;align-items:center}.logo{position:relative;width:120px;z-index:11}.menuWrapper{display:block;position:relative;z-index:10}@media all and (max-width:1024px){.menuWrapper{display:none;position:fixed;width:100%;height:100%;background:#17191d;top:0;left:0}.open .menuWrapper{display:block}}@media all and (max-width:1024px){.menuWrapper ul{display:block;text-align:center;position:relative;top:50%;transform:translateY(-50%)}}.menuWrapper ul li{display:inline-block}@media all and (max-width:1024px){.menuWrapper ul li{display:block}}.menuWrapper ul li a{display:block;padding:10px 20px;letter-spacing:1px;font-weight:400}@media all and (max-width:1024px){.menuWrapper ul li a{padding:20px 0}}.menuWrapper ul li a.active{color:#ffd302}.menuWrapper ul li.active a,.menuWrapper ul li:hover a{color:#ffd302}.hamburglar{-webkit-transform:scale(.8);transform:scale(.6);position:fixed;right:10px;top:25px;display:none;width:64px;height:64px;background:0 0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:11}@media all and (max-width:1024px){.hamburglar{display:block;top:20px}}#bottom,#top{position:absolute;display:block;height:4px;width:36px;border-radius:2px;background:#fff}.is-closed #bottom,.is-closed #top{background:#ffd302}#top{top:19px;left:14px}#bottom{top:41px;left:14px}line,path{stroke:#fff;stroke-linecap:round}.is-closed line,.is-closed path{stroke:#ffd302}#bottom,#top{-webkit-transform-origin:34px 2px;transform-origin:34px 2px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s cubic-bezier(.8,-1.1,.5,1.9);transition:all .5s cubic-bezier(.8,-1.1,.5,1.9)}#circle{stroke-dasharray:1 100 32 300;stroke-dashoffset:101;-webkit-transition:all 750ms ease;transition:all 750ms ease}.hamburglar.is-closed{border-radius:32px}.hamburglar.is-closed #circle{stroke-dasharray:1 100 190 300;stroke-dashoffset:1}.hamburglar.is-closed #top{-webkit-transform:translateX(-4.5px) rotate(-45deg);transform:translateX(-4.5px) rotate(-45deg)}.hamburglar.is-closed #bottom{-webkit-transform:translateX(-4.5px) rotate(45deg);transform:translateX(-4.5px) rotate(45deg)}.formGroup{margin:0 0 40px}.formGroup label{display:block;font-weight:300;text-align:left;transition:.3s;transform:translateY(20px)}.formGroup label.onFocus{color:#ffd302;transform:translateY(-10px)}.formGroup .formControl{width:100%;border:none;border-bottom:1px solid #fff;background:0 0;color:#fff;padding:0 0 15px;font-size:16px;font-family:sans-serif;font-weight:300}.formGroup .formControl:focus{border:none;outline:0;border-bottom:1px solid #ffd302}textarea{resize:none;height:100px}.button{border:none;background:0 0;color:#fff;text-transform:uppercase;font-size:16px;padding:20px 40px;letter-spacing:1px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:10px 10px 30px 0 rgba(0,0,0,.6)}.button:hover{color:#ffd302;box-shadow:0 0 30px 0 rgba(0,0,0,.6)}.home{text-align:center;min-height:calc(100vh - 50px);padding:100px 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.nameWrapper{position:relative;display:inline-block;margin:0 auto}.nameWrapper h1{display:block;line-height:1;text-shadow:25px 25px 50px rgba(0,0,0,.5);color:#ffd302;font-size:200px;margin:0}@media all and (max-width:480px){.nameWrapper h1{font-size:130px}}.nameWrapper span{position:absolute;font-weight:300;font-size:16px;text-transform:uppercase;letter-spacing:1px}.nameWrapper span.iam{left:60px;top:0}@media all and (max-width:480px){.nameWrapper span.iam{left:40px;font-size:14px}}.nameWrapper span.position{right:60px;bottom:-10px}@media all and (max-width:480px){.nameWrapper span.position{right:40px;font-size:14px}}.about{padding:100px 0}.content{margin:0 auto;max-width:800px}.skill{text-align:center;text-transform:uppercase;font-size:18px;font-weight:500}.contact{padding:150px 0 100px;min-height:calc(100vh - 50px)}.contactInfoWrapper{padding:40px}@media all and (max-width:480px){.contactInfoWrapper{padding:0}}.contactFormWrapper{padding:40px;text-align:center;-webkit-box-shadow:-10px 10px 30px 0 rgba(0,0,0,.5);-moz-box-shadow:-10px 10px 30px 0 rgba(0,0,0,.5);box-shadow:-10px 10px 30px 0 rgba(0,0,0,.5)}@media all and (max-width:480px){.contactFormWrapper{padding:40px 20px}}.info{text-align:center;margin:0 0 30px}.works{padding:150px 0 100px;min-height:calc(100vh - 50px)}.works .work{padding:20px 15px}.works .work img{filter:invert(100%);transition:.3s}