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}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}*{box-sizing:border-box}body,html{background-color:#eee;color:#a0a0a0;font-size:16px;font-family:Lato,sans-serif;line-height:1.5rem}@media all and (max-width:1060px){body,html{font-size:15px}}@media all and (max-width:1060px) and (orientation:landscape){body,html{font-size:14px}}@media all and (max-width:576px){body,html{font-size:14px}}nav a{display:inline-block;position:relative;text-decoration:none;color:#555;transition:color .35s ease}nav a:hover{color:#eee}.view a{position:relative;color:#555;text-decoration:none;transition:color .35s ease}.view a:after{content:'';position:absolute;width:0;height:100%;left:-4%;top:0;background-color:#555;z-index:-1;transition:width .35s ease}.view a:hover:after{width:108%}.view a:hover{color:#eee}img{max-width:100%}h1{font-size:1.6rem;color:#555;padding:.5rem 0 1rem}h2{font-size:1rem;color:#555;padding:.75rem 0 .5rem}p{font-weight:100;color:#a0a0a0}.nav{position:fixed;left:-15rem;top:0;height:100%;width:15rem;background-image:linear-gradient(#ededea,#fff);padding:2rem 0;display:flex;flex-direction:column;justify-content:center;transition:left .35s ease;z-index:14}@media all and (max-width:1060px){.nav{width:100vw;left:-100vw}}.openMenu .nav{left:-100%}.js.openMenu .nav{left:0}.nav .closeMenu{position:absolute;right:-80px;top:15px;width:50px;height:45px;background-color:#eee;cursor:pointer;transition:right .35s ease}@media all and (max-width:1060px){.nav .closeMenu{right:calc(-100vw + 13px);top:15px}}.openMenu .nav .closeMenu{right:13px}.nav .closeMenu span{display:block;position:absolute;width:30px;height:3px;background-color:#2b2b2b;left:10px;border-radius:2px;top:20px;transition:top .35s ease,opacity .35s ease,transform .35s ease,background-color .35s ease}.nav .closeMenu span:nth-child(1){top:10px}.nav .closeMenu span:nth-child(4){top:30px}.openMenu .nav .closeMenu span{background-color:#2b2b2b}.openMenu .nav .closeMenu span:nth-child(1){top:20px;opacity:0}.openMenu .nav .closeMenu span:nth-child(4){top:20px;opacity:0}.openMenu .nav .closeMenu span:nth-child(2){transform:rotate(-45deg)}.openMenu .nav .closeMenu span:nth-child(3){transform:rotate(45deg)}li{padding:.5rem 2rem;position:relative;font-size:1.3rem;height:calc(1.6rem + 14px);text-transform:uppercase;cursor:pointer}@media all and (max-width:1060px){li{font-size:1.6rem}}li:before{position:absolute;z-index:-1;left:1rem;top:0;content:'';height:100%;width:0;background-color:#555;transition:width .35s ease,background-color .35s ease}li.active:before,li:hover:before{width:calc(100% - 2rem)}li:hover:not(.active) a{color:#e0e0e0}li.active a{color:#e0e0e0}li a{color:#2b2b2b;transition:color .35s ease}.view{position:relative;display:flex;justify-content:center;align-content:center;width:100%;max-width:50rem}@media all and (max-width:576px){.view{flex-direction:column}}@media all and (max-width:576px){.view.portfolio{flex-direction:row}}.view-left{width:50%;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-right:2rem;align-content:space-between;transition:opacity .5s,transform .4s;text-align:left}.js .view-left{opacity:0;transform:translateY(40px)}@media all and (max-width:576px){.view-left{height:auto;width:100%;padding-right:0;padding-top:1rem;justify-content:center;align-items:flex-start;align-content:flex-start}}.view-right{width:50%;padding-left:2rem;display:flex;flex-direction:column;align-content:space-between;justify-content:space-between;transition:opacity .5s .2s,transform .4s .2s}.js .view-right{opacity:0;transform:translateY(40px)}@media all and (max-width:576px){.view-right{height:auto;width:100%;padding-left:0;padding-bottom:1rem;justify-content:flex-end;padding-top:40px}}.active .view-left,.active .view-right{opacity:1;transform:translateX(0)}.view:after{position:absolute;left:50%;top:-10%;content:'';background-image:linear-gradient(to bottom,rgba(160,160,160,0),rgba(160,160,160,.8) 10%,rgba(160,160,160,.8) 90%,rgba(160,160,160,0));width:1px;height:120%}@media all and (max-width:576px){.view:after{display:none}}.section3 .view:after{display:none}.portfolio{flex-wrap:wrap}.portfolio .description{opacity:1;position:relative;left:0;transition:opacity .35s ease,left .35s ease}.portfolio .description.hide{opacity:0;left:1rem}.portfolio .view-left{min-height:11.7rem}.technologies{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;position:relative;left:0;height:1.3rem}@media all and (max-width:576px){.technologies{justify-content:center}}.technologies img{width:1.6rem;height:1.6rem;padding:.25rem;position:relative}.technologies img.unused{display:none}.work{position:relative;margin:.5rem;border-radius:.5rem;cursor:pointer;overflow:hidden;background-color:#eee}@media all and (max-width:576px){.work{margin:.25rem}}.work:hover img{transform:scale(1.1)}.work img{transition:transform .35s ease,opacity .35s ease;transform:scale(1)}.work-description,.work-scope,.work-scopeTitle,.work-title{display:none}.hello-txt{padding-bottom:.5rem}.hello-img{min-height:10rem}.hello img{position:relative;left:0;top:0;margin:.5rem;border-radius:.25rem}@media all and (max-width:576px){.hello img{width:3rem}}@media all and (max-width:1060px){.hello img{margin:.25rem;width:7rem}}.hello span{font-size:.75rem}@media all and (max-width:1060px){.about img{height:5rem}}.about-logo{align-items:center;height:auto;align-self:center}.about-txt{height:auto}.contact img{height:auto}.social{position:fixed;display:flex;bottom:1rem;width:100%;justify-content:center;z-index:15;transition:width .35s ease,left .35s ease}@media all and (max-width:1060px){.social{width:100vw;left:-100vw}}.openMenu .social{left:0}.social div{position:relative;width:33px;height:33px;background-position:center;background-repeat:no-repeat;transition:transform .35s ease}.social div:hover{transform:scale(1.2)}.social div:after{z-index:-1;content:'';border-radius:50%;position:absolute;left:-3px;top:-3px;width:100%;height:100%;border:3px #555 solid;opacity:0;transition:opacity .35s ease,transform .35s ease}.social div:hover:after{opacity:1;transform:scale(1.3)}.social .fb{background-image:url(../img/svg/fb.svg)}.social .insta{background-image:url(../img/svg/insta.svg)}.social .in{background-image:url(../img/svg/in.svg)}.social a{padding:.5rem}.details{z-index:16;position:absolute;display:flex;justify-content:center;align-items:center;visibility:hidden;color:#000;margin:auto;background-color:#fdfdfd}.details span{position:relative;display:inline-block}.details-link{margin-top:1rem;font-size:1rem;position:relative;padding-left:.5rem}.details-link:before{position:absolute;content:'';width:0;height:100%;background-color:#fff;left:0;top:0;z-index:-1;transition:width .35s ease}.details-link:hover:before{width:100%}.details-link a{color:#000}.details-accent{position:absolute;bottom:0;left:0;height:.5rem;width:100%;background-color:#fff}.details-container{position:relative;display:flex;padding:1.3rem;max-width:900px}@media all and (max-width:1060px){.details-container{flex-direction:column-reverse;height:100%}}@media all and (max-width:1060px) and (orientation:landscape){.details-container{flex-direction:row;max-width:none}}.details-images{flex-basis:50%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:5px 2rem 5px 0}@media all and (max-width:1060px){.details-images{align-items:center;padding-top:3rem}}.details-descriptions{flex-basis:50%;display:flex;flex-direction:column;justify-content:flex-start}.details-title{font-weight:700;font-size:1.6rem;padding-bottom:1rem}.details-scopeTitle{font-size:1rem;padding-top:1.3rem;font-weight:700;margin-top:auto}.details-txt{padding:1rem 0}.details-screenshot{margin-bottom:1rem;position:relative;overflow:hidden;border:1px solid}.details-screenshot img{transition:transform .35s ease,opacity .35s ease;transform:scale(1)}.details-screenshot:hover img{transform:scale(1.1)}.details-screenshot:after{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;content:'';background-color:#2b2b2b;transition:opacity .35s ease}.details-screenshot.loadIMG:after{opacity:1}.details-close{cursor:pointer;position:absolute;right:0;top:0;width:2rem;height:2rem;margin:1.3rem}.details-close:after,.details-close:before{position:absolute;content:'';width:100%;height:.2rem;background-color:#000;transform:rotate(45deg);left:0;top:.9rem;border-radius:.1rem;transition:transform .35s ease}.details-close:before{transform:rotate(-45deg)}.details-close:hover:after,.details-close:hover:before{transform:scale(.8)}img{height:auto}.section{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:2rem;width:100%;max-height:100vh;height:100vh;box-sizing:border-box;transition:width .35s ease}.js .section{position:absolute;left:0;top:0}.js .section:not(.section-start){opacity:0}@media all and (max-width:1060px){.section{width:100%;padding:1rem}}.section.active{z-index:3}.section-start{opacity:1;animation:normal}.page{min-height:100vh;overflow:hidden;position:relative;left:0;transition:left .35s ease}.container{min-height:100vh;overflow:hidden;position:relative}.background{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0}.filtrSVG{display:none}