@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,400,700,900&display=swap);html{height:100%;overflow:hidden;font-size:15px;font-family:Montserrat,sans-serif;background-attachment:fixed}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-track{border-radius:.7rem;background:#fff}::-webkit-scrollbar-thumb{background:rgba(20,28,40,.47);border-radius:.7rem}::-webkit-scrollbar-thumb:hover{background:rgba(20,28,40,.22)}body{box-sizing:border-box;color:#fff;height:100%;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;position:relative;width:100vw;scrollbar-width:thin;scrollbar-color:rgba(20,28,40,.61) #fff;font-size:15px;background-color:#000;background-size:cover;background-position:50%}.menu-navbar,body{margin:0;padding:0}.menu-navbar{position:fixed;left:0;top:0;bottom:0;z-index:10;background-color:#141c28;background-color:rgba(0,0,0,.945);display:flex;flex-direction:column;justify-content:center;align-items:center;width:80vw;height:100vh;border-radius:0 10rem 10rem 0;border:1px solid #fff;border-left:none;transform:translateX(-100%);transition:transform .15s ease-in}.menu-nav-item{list-style:none;margin:.5rem auto}.menu-nav-link,.menu-nav-link:active,.menu-nav-link:visited{padding:1rem;text-decoration:none;color:#fff;font-size:1rem;display:inline-block;position:relative}.show-menu{transform:translateX(0)}h2{margin:0}a{text-decoration:none}li{list-style:none}header{padding:0 1rem;position:fixed;left:0;right:0;top:0;justify-content:space-between;box-sizing:border-box;width:100vw;z-index:5;transition:background .2s linear,height .2s linear,transform .2s linear;height:6rem;transform:translateZ(0);-webkit-transform:translateZ(0)}.logo,header{display:flex;align-items:center}.logo{font-size:2rem;text-align:center;font-weight:100;transition:transform .2s linear;justify-content:center;animation:fadeIn 1.2s linear;animation-delay:1s}.logo-image{width:3rem;display:block;margin-right:.5rem}.logo-caption{display:none}.logo-color{color:#69d8ee}.background{background-color:#141c28;height:4rem;border-bottom:1px solid rgba(105,216,238,.2)}.background .logo{transform:translateX(-1rem)}.navbar{display:flex;align-items:center;justify-self:flex-end;text-align:center;justify-content:space-evenly;transition:transform .2s linear;animation:fadeIn 1.2s linear;animation-delay:1s}.menu-link,.menu-link:active,.menu-link:visited,.nav-link,.nav-link:active,.nav-link:visited{color:#fff;padding:1rem;display:flex;align-items:center;flex-shrink:1;white-space:nowrap;justify-content:center;position:relative;transition:color .15s linear}.navbar .nav-link:hover{color:#69d8ee}.nav-item{display:none}.after-link{position:absolute;top:80%;left:1rem;right:1rem;height:.2rem;background-color:#fff;z-index:10;transform:scale(0);transform-origin:left;transition:transform .15s linear}.show-underline{transform:scale(1)}.welcome{height:100vh;padding-bottom:4.2rem;width:100vw;background-color:rgba(0,0,0,.7);justify-content:center}.hero-welcome,.welcome{box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.hero-welcome{margin-top:10rem;text-align:center;padding:1rem}.welcome-desc{font-size:5.2vw;font-weight:100;line-height:1.5;max-width:80vw;animation:fadeIn 1.2s linear;animation-delay:1.3s}.welcome-title{font-size:9vw;font-weight:200;text-transform:uppercase;line-height:.9;margin:0;padding:1em 0;position:relative;animation:fadeIn 1.2s linear;animation-delay:1.5s}.welcome-title:after{content:attr(data-text);width:inherit;position:absolute;left:0;right:0;top:80%;transform:scaleY(-1);line-height:.85em;background:linear-gradient(0deg,#fff,transparent 70%);background-clip:text;-webkit-background-clip:text;color:hsla(0,0%,100%,.27);filter:blur(1.5px)}section{z-index:1;box-sizing:border-box;display:flex;flex-wrap:wrap;min-height:100vh;align-items:center;justify-items:center;align-content:center;justify-content:space-evenly;padding:1rem}h2,section{position:relative;width:100vw}h2{color:#0e2024;font-size:3rem;font-weight:200;text-align:center;margin-top:6rem}h2:after{content:"";position:absolute;top:150%;left:50%;transform:translateX(-50%);width:10vw;height:.25rem;background-color:#69d8ee}h3{font-size:2rem;font-weight:200;margin:1rem 0}.about{background:#fff;color:rgba(20,28,40,.8);background-color:#0e2024;background-color:#141c28;background-color:#fff;min-height:110vh;position:relative;z-index:2}.about-item{display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:35rem;max-width:25rem}.about-icon{min-height:15vw;pointer-events:none}.about-icon img{padding-top:6rem;width:7rem}.about-content{margin-top:2rem;line-height:2;font-size:1.13rem;font-weight:400;text-align:center}.skills{color:#fff;justify-content:space-around;z-index:1;background-color:rgba(20,28,40,.93);position:relative}.skills-title{color:#fff;margin-bottom:3rem}.skills-content{padding-top:6rem;font-size:1.3rem;text-align:center}.skills-items{padding:0;text-align:center;margin-bottom:0}.skills-item{display:flex;align-items:center;padding:1rem 0;text-align:start}.skills .fa-2x{margin-right:1rem}.skills-image{margin-bottom:1rem;filter:drop-shadow(30px 10px 4px #0000005e);max-width:25rem;text-align:center}.skills-image img{max-width:90%;pointer-events:none;animation:moveInOut 4s ease-in-out infinite;filter:brightness(.8)}.skills-familiar{font-size:1.3rem;width:100vw;display:flex;flex-direction:column;align-items:center;text-align:center}.familiar-items{display:flex;width:30rem;max-width:90vw;flex-wrap:wrap;align-items:center;justify-content:center;padding:0}.familiar-item{list-style:none;font-size:1rem;padding:.4rem;border-radius:.3rem;border:1px solid #69d8ee;margin:.5rem;font-weight:200;background-color:#141c28}.portfolio{background-color:#fff;color:#141c28;padding-bottom:6rem}.project-image{transition:box-shadow .15s linear;margin:6rem 0 0;cursor:pointer;text-align:center;width:30rem;max-width:90vw;background-color:#fff;position:relative}.project-image img{width:100%}.project-image .construction-image{width:14.3rem}.project-image:hover{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,.2);box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.image-caption{border-radius:0 0 50% 50%;color:#fff;background-color:#141c28;padding:1rem;margin:0;text-align:center}.project-holder{flex-wrap:wrap;color:#141c28;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.13);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.13);box-shadow:0 0 30px 0 rgba(0,0,0,.13);align-items:center;width:100%}.project-content,.project-holder{display:flex;justify-content:center}.project-content{width:30rem;max-width:100%;padding:1rem;font-weight:400;line-height:1.5;flex-direction:column;overflow-x:hidden}.project-title{background-color:#141c28;color:#fff;display:inline-block;border-radius:.5rem;align-self:start;padding:0 .5rem}.project-features{padding:0 0 0 .5rem;margin-top:.3rem;white-space:nowrap;color:rgba(20,28,40,.82);font-weight:600}.project-technologies{padding:0;display:flex;flex-wrap:wrap}.project-technology{padding:.4rem;border-radius:.3rem;border:1px solid #69d8ee;margin:.5rem;font-weight:400;color:#69d8ee;background-color:#141c28;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,.2);box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.project-buttons{display:flex;justify-content:space-between;width:100%}.project-button{outline-width:1px;outline-style:inset;outline-color:transparent;border:1px solid #69d8ee;border-radius:1rem;padding:.5rem;margin:.5rem;background-color:#fff;color:#69d8ee;width:40%;font-size:1.1rem;cursor:pointer;transition:background .15s linear;text-align:center}.project-button:hover{background-color:#141c28}.no-scroll{overflow:hidden}.disabled{pointer-events:none;opacity:.7}.planning{padding:.1rem;border-radius:.2rem;background-color:#69d8ee;color:#141c28;border:1px solid #141c28;margin-bottom:1rem;display:inline-block}.contact{align-self:center;justify-self:center;padding-bottom:6rem;flex-shrink:1;background-color:rgba(20,28,40,.93)}.contact,.contact-title{color:#fff}.contact-info{margin-top:6rem;transform:scale(.85)}.contact-info a{color:#fff;transition:color .15s linear}.contact-info a:hover{color:#69d8ee}.info-item{display:flex;align-items:center;justify-content:start;margin-bottom:2rem;width:30rem;max-width:100vw}.info-icon{margin-right:1rem;padding:1.5rem;border:1px solid #69d8ee;border-radius:50%}.info-heading{margin:0 0 1rem}.contact-social{display:flex;border-top:1px solid #69d8ee;justify-content:space-between}.social-link,.social-link:active,.social-link:visited{text-decoration:none;color:#fff;padding:1rem .5rem;transition:color .15s linear;display:block}.social-link:hover{color:#69d8ee}footer{display:flex;flex-direction:column;min-height:40vh;justify-content:space-evenly;align-items:center;background-color:#141c28;color:#fff;padding:1rem;border-top:1px solid #2c2c2c;border-top:1px solid rgba(105,216,238,.2)}.footer-logo{width:3rem}.footer-link,.footer-link:active,.footer-link:visited{text-decoration:none;color:#fff;transition:color .15s linear;padding:.5rem}.footer-link:hover{color:#69d8ee;display:block}a[data-tool-tip]{position:relative}a[data-tool-tip]:before{content:attr(data-tool-tip);display:block;position:absolute;bottom:100%;left:-170%;background-color:#333;border:1px solid #69d8ee;color:inherit;padding:.5rem;border-radius:.4rem;transform:scale(0);transform-origin:bottom center;transition:transform .1s ease-in;width:9rem}a[data-tool-tip]:hover:before{transform:scale(1)}footer p{text-align:center;font-size:100}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition:opacity .15s ease-in;pointer-events:none;opacity:0;background-color:rgba(0,0,0,.9)}.popup-div{border:1px solid #141c28;padding:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);background-color:#fff;transition:transform .15s ease-in;border-radius:1.5rem 0 1.5rem 1.5rem;z-index:21}.popup-div-content{overflow-y:auto;max-width:80vw;z-index:5;max-height:70vh;scrollbar-width:thin;scrollbar-color:rgba(20,28,40,.16) transparent}.popup-div-content img{max-width:70vw}.show-popup{pointer-events:auto;opacity:1}.show-popup .popup-div{transform:translate(-50%,-50%)}.close-popup{position:absolute;bottom:101%;right:0;cursor:pointer;z-index:10;color:#fff;transition:color .15s linear}.close-popup:hover{color:#69d8ee}.unclickable{pointer-events:none}.hide{display:none}@media screen and (min-width:600px){.logo-caption{display:block}.welcome-title:after{background:linear-gradient(0deg,hsla(0,0%,100%,.301),transparent 70%);background-clip:text;-webkit-background-clip:text;color:hsla(0,0%,100%,.11)}.skills-items{padding-left:3rem}.contact-info{transform:scale(1)}.info-icon{margin-right:3rem}}@media screen and (min-width:768px){.logo-caption{display:none}header{justify-content:space-around}.nav-item{display:block}.menu-item{display:none}.welcome-desc{font-size:3vw}.welcome-title{font-size:8vw;font-weight:100}.skills-familiar{margin-top:4rem}}@media screen and (min-width:992px){.logo-caption{display:block}.hero-welcome{align-self:flex-start;padding-left:10vw;align-items:flex-start}.welcome-desc{font-size:2.5vw;width:45vw;text-align:start}.welcome-title{font-size:6vw;width:65vw;text-align:start;padding:3rem 0}.welcome-title:after{background:linear-gradient(0deg,hsla(0,0%,100%,.521),transparent 50%);background-clip:text;-webkit-background-clip:text;color:hsla(0,0%,100%,.034)}}@media screen and (min-width:1200px){.navbar{width:40%;justify-content:space-between;justify-self:end;margin-left:10rem}.hero-welcome{transform:scale(.8)}.welcome-desc{font-size:2vw;width:35vw;text-align:start}.about-content{font-size:1.15rem}.skills-content{padding-top:3rem}.skills-familiar{margin-top:0}.logo{transform:translateX(2rem)}.background .logo{transform:translateX(-3rem)}}@keyframes fadeInBody{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes fadeOutLoader{0%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes moveInOut{0%{transform:translateX(-2%)}50%{transform:translateX(2%)}to{transform:translateX(-2%)}}.hide-elements{transform:translateY(20%);opacity:0}.transition{transition:transform .5s linear,opacity .5s linear}.bg-layer0{background-image:url(img/bg.jpg);background-attachment:fixed;background-size:left;background-position:40% 40%}.bg-layer1{background-image:url(img/bg2.jpg)}.bg-layer1,.bg-layer2{background-attachment:fixed;background-size:cover;background-position:50%}.bg-layer2{background-image:url(img/bg4.jpg)}.loader{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:20;background-color:#000;animation:fadeOutLoader 2s linear;opacity:0;pointer-events:none}.loader1{border-radius:50%;border:16px solid hsla(0,0%,100%,0);border-top-color:#69d8ee;width:10vw;height:10vw;-webkit-animation:spin1 .5s linear;animation:spin1 1.5s linear;margin-top:-5vw;margin-left:calc(-5vw - 16px)}.loader1,.loader2{position:absolute;left:50%;top:50%;opacity:0}.loader2{border-radius:50%;border:16px solid hsla(0,0%,100%,0);border-top-color:#fff;width:6vw;height:6vw;-webkit-animation:spin2 1s linear;animation:spin2 1s linear;margin-top:-3vw;margin-left:calc(-3vw - 16px)}.loader3{position:absolute;left:50%;top:50%;border-radius:50%;border:16px solid hsla(0,0%,100%,0);border-top-color:#69d8ee;width:2vw;height:2vw;-webkit-animation:spin3 1.5s linear;animation:spin3 .5s linear;margin-top:-1vw;margin-left:calc(-1vw - 16px);opacity:0}@-webkit-keyframes spin1{0%{-webkit-transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(1turn);opacity:0}}@keyframes spin1{0%{transform:rotate(0deg);opacity:1}to{transform:rotate(1turn);opacity:0}}@-webkit-keyframes spin2{0%{-webkit-transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(-1turn);opacity:0}}@keyframes spin2{0%{transform:rotate(0deg);opacity:1}to{transform:rotate(-1turn);opacity:0}}@-webkit-keyframes spin3{0%{-webkit-transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(1turn);opacity:0}}@keyframes spin3{0%{transform:rotate(0deg);opacity:1}to{transform:rotate(1turn);opacity:0}}