@keyframes dropDown{0%{transform:translateY(-15px)}to{transform:translateY(0)}}.fall-down-animation{animation:dropDown 1s ease-out .05s 1}html{display:flex}body{margin:0;background-size:auto;background-color:#121212;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);overflow-x:hidden;height:100%}#root{margin:auto}#root>div{display:grid;grid-template-rows:minmax(48px,6vh) minmax(94vh,auto);grid-template-areas:"header" "body"}#root canvas{height:100%!important;width:100%}div .content{grid-area:body;transition:opacity .25s;max-width:1920px;margin:0 auto;opacity:1%;z-index:1;height:100%}.hidden{opacity:0;z-index:0}.hidden-display{display:none}.subtitle{font-family:"Mukta",sans-serif;color:#fff;font-style:italic}.main-title{font-family:"Open Sans",sans-serif;font-size:90px;color:#fff;margin:auto}#contact{text-align:center;max-width:900px}.card-contact{width:300px;transition:all .1s ease-out}.card-contact svg{width:100%;height:auto}.card-contact svg path{fill:#fff}.contact-card-container{max-width:1000px}.contact-card-container-anchor{margin:2em 4em}@media screen and (max-width:430px){#contacts h2{font-size:74px}.contact-card-container-anchor{margin:1em 4em}.card-contact{width:220px}}@use "../utils/mixins";@keyframes fade{0%{opacity:0}10%{opacity:1%}20%{opacity:1%}30%{opacity:0}40%{opacity:0}50%{opacity:0}60%{opacity:0}70%{opacity:0}80%{opacity:0}90%{opacity:0}to{opacity:0}}#home{display:grid;grid-template-columns:10% 50% 40%;grid-template-rows:auto auto;grid-template-areas:"left-margin left-content-hi right-content" "left-margin left-content-lo right-content"}#home h1{font-family:"Mukta",sans-serif;font-size:110px;margin:auto 0 5vh;color:#fff;line-height:.8em;grid-area:left-content-hi}#home p{font-family:"Open Sans",sans-serif;font-weight:300;font-size:52px;margin:0 0 auto;color:#fff;line-height:1.1em;grid-area:left-content-lo}#home-image{grid-area:right-content;display:flex;color:#fff;position:relative;justify-content:center;align-items:center;top:-50px}.front-page-icon{font-size:20vw!important;position:absolute}#desktop-windows{opacity:0;animation:fade 6s linear 0s infinite}#keyboard{opacity:0;animation:fade 6s linear 2s infinite}#design-services{opacity:0;animation:fade 6s linear 4s infinite}@media screen and (max-width:430px){#home{display:grid;grid-template-rows:30% 40% 30%;grid-template-columns:none;grid-template-areas:"top-content" "mid-content" "bot-content"}#home h1{font-size:74px;line-height:.9em;grid-area:top-content;margin:auto 0 2vh 7vw}#home p{font-size:19px;line-height:1.3em;grid-area:bot-content;margin:2vh 7vw auto}#home-text{grid-area:top-content;margin:20% 13vw 0 10vw}#home-image{grid-area:mid-content;top:-25px}#home-image svg{height:250px}.front-page-icon{font-size:50vw}}#navbar{background:rgba(18,18,18,.95);margin:0;padding:0;list-style-type:none;justify-content:flex-end;display:flex;grid-area:header;width:100vw;transition:height .05s ease-out;position:relative;z-index:10}#navbar-ul-wrapper{margin:auto 0;grid-area:header;max-width:1920px}#navbar-ul-wrapper ul{margin:auto 0;padding:0 2vw}#navbar-ul-wrapper ul li{text-transform:uppercase;font-family:"Open Sans",sans-serif;font-weight:300;display:inline;padding:0 1vw;color:#fff}@media screen and (min-width:1920px){#navbar-ul-wrapper{margin-right:calc(50vw - 960px)}}#navbar-item-wrapper{display:block;height:inherit}.navbar-item{color:inherit;text-decoration:none;display:inline-block;position:relative;font-size:2.25vh;cursor:pointer}.navbar-item:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:1px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.navbar-item:hover:after{width:100%;left:0}#navbar-menu-wrapper{display:none;height:0}#navbar-menu,.hamburger-react{display:none}@media screen and (max-width:430px){#navbar{z-index:2;height:minmax(48px,6vh)}#navbar.mobile-open{height:100vh}#navbar-ul-wrapper{margin:0 0 auto}#navbar-item-wrapper{position:absolute;left:20vw;top:20vh;height:50vh;width:50vw}.topnav li a{display:none}.topnav.responsive li a{float:none;display:block;text-align:left;font-size:11vw;padding:4vh 0}#navbar-menu-wrapper{display:block;height:auto}#navbar-menu{padding:0 5vw;color:#fff;display:inline-block;font-size:6vh;margin:auto;position:absolute;top:0;right:0}.hamburger-react{display:block;padding:0 3vw 0 0}}#projects{text-align:center}.card-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.card-container a{text-decoration:none;margin:1em}.card{border:1px solid #fff;border-radius:20px;background-color:#292929;width:300px;padding:1em;transition:all .1s ease-out}.card-contact:hover,.card:hover{transform:scale(1.1)}.card-img{max-width:100%;height:auto}.card-description,.card-title{font-family:"Open Sans",sans-serif;color:#fff;margin:auto 0}.card-description{font-style:normal}@media screen and (max-width:430px){.main-title{font-size:74px}.card-container{width:90vw}.card{width:60vw}.card:hover{transform:scale(1.05)}.card-img{width:75%;height:75%}}
/*# sourceMappingURL=main.6b94eb51.chunk.css.map */