header{z-index:999;position:absolute}header .row{justify-content:space-between;align-items:center;height:110px}@media(min-width: 0){header .logo img{height:32px;width:auto}header .menu{display:none}header .hamburger{height:auto;width:35px;cursor:pointer;position:relative;z-index:999}header .hamburger span{height:3px;width:100%;background-color:var(--purple-main);float:right}header .hamburger span:nth-child(2){margin-top:7px}header .hamburger span:nth-child(3){margin-top:7px}header .hamburger.active span{background-color:var(--white)}header .hamburger.active span:nth-child(1){rotate:45deg;margin-top:0px}header .hamburger.active span:nth-child(2){display:none}header .hamburger.active span:nth-child(3){rotate:-45deg;margin-top:-3px}header .menuOverlay{z-index:99;display:block;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:100vh;width:100%;position:fixed;top:0;left:-100%;display:flex;transition:.3s ease;background-color:var(--purple-main);align-items:left;flex-direction:column;justify-content:center;text-align:left}header .menuOverlay nav{font-family:"raleway";font-size:21px;line-height:36px}header .menuOverlay nav ul{list-style:none}header .menuOverlay nav ul li a{color:var(--white);text-decoration:none}header .menuOverlay.active{left:0}header .menuOverlay.active ul .sub-menu{display:none}header .menuOverlay.active ul .sub-menu.active{display:block}}@media(min-width: 768px){header .logo img{height:42px}}@media(min-width: 992px){header .logo img{height:49px}header .menuOverlay{display:none}header .hamburger{display:none}header .menu{display:block;border:1px solid var(--purple-main);font-family:"raleway"}header .menu ul{display:flex;list-style:none;margin:0;padding:0}header .menu ul ul{display:none;position:absolute;top:100%;left:0;background-color:var(--purple-main);min-width:200px}header .menu ul ul li{display:block}header .menu ul ul li :hover{background-color:var(--purple-dark-600)}header .menu ul ul li a{color:var(--white)}header .menu a{color:var(--purple-main);text-decoration:none;padding:12px 20px;display:block}header .menu li{position:relative;display:inline-block}header .menu li:last-child{background-color:var(--purple-main)}header .menu li:last-child :hover{background-color:var(--purple-dark-600)}header .menu li:last-child a{color:var(--white)}header .menu a:hover{text-decoration:underline}header li:hover>ul{display:block}}#footer{background-color:var(--purple-main);color:var(--white)}#footer #footer-logo{height:42px;width:auto;margin-bottom:15px}@media(min-width: 576px){#footer #footer-logo{height:55px}}#footer .footer-text{max-width:450px}#footer .social-media-box{margin-top:30px;display:flex}#footer .social-media-box a{padding:11px;background-color:#66f;border:1px solid #fff;margin-right:5px;line-height:0px}#footer .social-media-box a:hover{background-color:#fff}#footer .social-media-box a:hover img{filter:none}#footer .social-media-box img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);height:auto;width:16px}#socket{background-color:var(--purple-main);color:var(--white);font-size:11px}#socket a{color:var(--white);text-decoration:none}#socket a:hover{text-decoration:underline}#socket .row{padding-top:5px;border-top:1px solid;justify-content:space-between;flex-wrap:wrap}#service .service-card:hover{box-shadow:3px 3px 15px rgba(0,0,0,.2);transition:400ms}#service .service-card{cursor:pointer;padding:30px;border:1px solid var(--grey-light-100);background-color:var(--grey-light-25)}#service .service-card h3{line-height:40px;margin:0}#service .service-card .row{padding-bottom:10px}#service .service-card a{color:#66f;font-family:"raleway";font-weight:500;text-decoration:none}#service .service-card img{height:40px;width:auto;margin-right:8px}#service .service-card a:hover{text-decoration:underline}#service .service-card a:after{display:inline-block;position:absolute;content:" ";background-image:url(/assets/icons/right-arrow.svg);background-size:19px 19px;background-repeat:no-repeat;height:14px;width:25px;margin-left:8px}#service .service-card a:hover::after{animation:moveArrow .25s ease-in-out 2 alternate}@keyframes moveArrow{0%{margin-left:8px}100%{margin-left:5px}}#service .grid-container h2{margin-bottom:30px}#service .grid-container p{margin-bottom:15px}#service .grid-container #service-pic{width:100%;height:auto}#service .grid-container a{color:var(--purple-main);text-decoration:none}#service .grid-container a:hover{text-decoration:underline}#showcase{background-color:var(--grey-light-50)}#showcase img{height:auto;width:100%}#showcase .showcase-card{cursor:pointer;color:var(--grey-dark-900);text-decoration:none}#showcase .showcase-card h3{margin:10px 0 3px 0}#showcase .showcase-card p{margin:0 0 10px 0}#showcase .showcase-card .showcase-img{position:relative;display:flex;border:1px solid var(--grey-light-100);transition:400ms}#showcase .showcase-card .showcase-img .showcase-overlay{height:100%;width:100%;position:absolute;transition:400ms}#showcase .showcase-card .showcase-img .showcase-overlay .link-text{opacity:0;font-family:"raleway";font-size:16px;font-weight:800;color:var(--white);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transition:400ms}#showcase .showcase-card .showcase-img .showcase-overlay:hover{background-color:rgba(102,102,255,.85)}#showcase .showcase-card .showcase-img .showcase-overlay:hover .link-text{opacity:1}#showcase .showcase-card .showcase-img .showcase-overlay:hover .link-text:hover{text-decoration:underline}#showcase .showcase-card .showcase-img .link-text:after{display:inline-block;content:" ";background-image:url(/assets/icons/external-link.svg);background-size:19px 19px;background-repeat:no-repeat;height:19px;width:19px;margin-left:8px;margin-bottom:-3px}#showcase .showcase-card .showcase-img:hover{box-shadow:3px 3px 15px rgba(0,0,0,.2);border:1px solid var(--purple-main)}#showcase .showcase-card .project-label span{color:var(--purple-main);border:1px solid var(--purple-main);font-size:11px;padding:2px 10px;border-radius:15px;margin-right:5px}#showcase .showcase-card:hover h3{text-decoration:underline}body .txt-content a{color:var(--purple-main);text-decoration:none}body .txt-content a:hover{text-decoration:underline}@media(min-width: 0){#start{color:var(--purple-main);background-image:url("/assets/img/start-bg.webp");background-repeat:no-repeat;background-size:cover}#start .overlay{display:none}#start .down-arrow{position:absolute;transform:translateX(-50%);left:50%;margin:auto;bottom:10%}#start .down-arrow img{height:60px;width:auto}#start h1{text-align:center}#start .content{display:flex;flex-direction:column;justify-content:center;height:100%}#start .content .row{justify-content:center}#start .content .row a{font-family:"raleway";font-size:14px;font-weight:400;text-decoration:none}#start .content .row a:hover{text-decoration:underline}}@media(min-width: 768px){#start .overlay{display:inherit;height:100%;width:100%}#start .overlay img{position:absolute;transition:transform 1.5s ease-in-out}#start .overlay #cube_01{top:30%;left:0;height:300px;width:auto;display:block}#start .overlay #cube_02{top:30%;left:60%}#start .overlay #cube_03{bottom:70%;height:30px;left:25%}#start .overlay #cube_04{bottom:35%;right:35%;rotate:-30deg}#start .overlay #cube_05{height:45px;right:29%;rotate:-20deg;top:35%;display:block}#start .overlay #cube_06{top:10%;right:0;height:150px}#start .overlay #cube_07{bottom:45%;right:28%}#start .overlay #cube_08{top:65%;left:34%}#start .overlay #cube_10{bottom:0%;height:200px;left:0%}#start .overlay #cube_11{height:300px;bottom:0%;right:0%;display:block}}@media(min-width: 992px){#start .overlay #cube_01{top:30%;left:0;height:300px;width:auto;display:block}#start .overlay #cube_02{top:30%;left:40%}#start .overlay #cube_03{bottom:45%;left:30%;height:45px}#start .overlay #cube_04{bottom:35%;right:35%;rotate:-30deg}#start .overlay #cube_05{height:45px;right:29%;rotate:-20deg;top:35%;display:block}#start .overlay #cube_06{right:0;top:10%;height:300px}#start .overlay #cube_07{right:28%;bottom:45%}#start .overlay #cube_08{left:34%;top:65%}#start .overlay #cube_10{height:300px;left:0%;bottom:0%}#start .overlay #cube_11{height:300px;bottom:0%;right:0%;display:block}}@media(min-width: 0){#about-me .col-a .section-label{padding:45px 0 15px 0}#about-me .col-a .section-label h5{margin:0}}@media(min-width: 768px){#about-me .col-a .section-label{padding:60px 0 0 0}}@media(min-width: 768px){#about-me .col-b .row h2{text-align:right}}/*# sourceMappingURL=main.css.map */