:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{height:100vh;max-width:1280px;margin:0;padding:0;text-align:center}.landing-page{position:relative;background-color:transparent;height:100vh;width:100vw;padding:0;margin:0;color:#999;font:400 16px/1.5 exo,ubuntu,segoe ui,helvetica,arial,sans-serif;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC) repeat 0 0;background-attachment:fixed;-webkit-animation:bg-scrolling-reverse .92s infinite;-moz-animation:bg-scrolling-reverse .92s infinite;-o-animation:bg-scrolling-reverse .92s infinite;animation:bg-scrolling-reverse .92s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}.landing-page.night{background:url(https://www.toptal.com/designers/subtlepatterns/uploads/repeated-square-dark.png) repeat 0 0;-webkit-animation:bg2-scrolling-reverse .45s infinite;-moz-animation:bg2-scrolling-reverse .45s infinite;-o-animation:bg2-scrolling-reverse .45s infinite;animation:bg2-scrolling-reverse .45s infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}.landing-page.pause{animation-play-state:paused}.nav{position:fixed;top:0;left:0;width:100%;height:10%;background-color:#31363e;z-index:1}.foot{position:fixed;bottom:0;left:0;width:100%;height:10%;background-color:#31363e;z-index:1}.menu{position:absolute;top:20%;left:0%;display:flex;flex-direction:column;justify-content:center;align-items:baseline;padding-left:10%;font:90px tinos}.menu a{color:#000;text-decoration:none;font-style:normal;font-weight:200}.menu a:hover{text-decoration:none;font-style:italic;font-weight:900}.menu-item{display:flex;flex-direction:row;justify-items:space-between;min-width:50%}.menu-item.list{min-width:100%}.menu-item a{color:#000;text-decoration:none;font-style:normal;font-weight:200}a.night{color:#fff}.menu-item a.git{animation:arrow 2s linear infinite}.project-list{position:absolute;top:20%;left:60%;display:flex;flex-direction:column;justify-content:center;justify-items:space-between;align-items:center;overflow:scroll}a{color:#000}.project-list a{text-decoration:none;font-style:normal;font-weight:200;font:70px tinos;opacity:.2}.project-list a.active{opacity:1}.project-list a:hover{text-decoration:none;font-style:italic;font-weight:900;opacity:1}a.site-preview.night{color:#fff}.ship{position:absolute;top:30%;left:60%;color:#000;font-size:50px;animation:disappear 10s ease-in forwards}.ship.night{color:#fff}.link{position:absolute;top:40%;left:50%;color:#000;font-size:50px;animation:disappear 3s linear forwards}.link.night{color:#fff}.drag{animation:disappear 3s linear forwards}#contact{position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:99;background-color:#edebeb;color:#000;font-size:16px;animation:disappear .5s linear reverse}#contact.night{background-color:#31363e;color:#fff}#contact .container-fluid{display:flex;flex-direction:column;text-align:left}#service-inquiry-form{position:absolute;top:0%;left:0%;width:100%;height:100%;z-index:99;background-color:#edebeb;color:#000;font-size:16px;animation:disappear .5s linear reverse}.service-exit{position:absolute;top:5%;right:5%;font-size:larger}.service-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;padding:20% 25% 15%}.form-services{display:flex;flex-direction:column;justify-content:center;position:relative;align-items:left;text-align:left}.modal-header{display:flex;justify-content:space-between;padding:20px}.page-header{margin-top:.25rem;margin-bottom:.5rem;color:#000}.modal-body{display:flex;flex-direction:column;padding-left:5%}.page-header{color:#000;margin-top:.25rem;margin-bottom:.5rem}.page-header.night{color:#fff}.contact-text{font-size:20px;padding-bottom:3.5rem}.contact-text h5{font-size:30px}.folio-form{display:flex;flex-direction:column}.folio-form .form-ctrl{display:block;border-top:0;border-left:0;border-right:0;max-width:500px;width:100%;color:var(--color-text);padding:0 0 5px;line-height:26px;margin-bottom:40px;border-bottom:1px solid black;outline:none;background:transparent}.btn{font-weight:700;font-size:12px;max-width:fit-content;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1.63px;transition:.4s;height:50px;padding-left:30px;padding-right:30px;box-shadow:0 32px 54px #0303031f;border-radius:50rem;background-color:#31363e;color:#fff;cursor:pointer}.btn.night{background-color:#fff;color:#000}.theme-panel{position:fixed;right:0;top:25%;z-index:100;transition:.4s;transform:translate(100%)}.theme-body{background-color:#0b0c14;border:transparent;max-width:185px;padding:15px 13px;text-align:center;border-bottom-left-radius:25px;position:relative}.theme-body>span{color:#fff;font-size:13px;font-weight:700;letter-spacing:-.09px;line-height:26px;padding-bottom:8px;display:inline-flex}.theme-body .btn-group{box-shadow:0 12px 34px #161c2d33;border-radius:33px;background-color:#fff;overflow:hidden;display:flex;max-width:153px}.theme-body .btn-group .switcher-btn{background:transparent;border:none;width:50%;font-size:11px;font-weight:700;height:42px;padding-left:15px;padding-right:15px;letter-spacing:1.4px;text-transform:uppercase}.theme-body .btn-group .switcher-btn.active{background-color:#a8b1cb}.theme-body .theme-tab{position:absolute;top:0;left:1px;transform:translate(-100%);display:flex;align-items:center;justify-content:center;width:35px;height:50px;border:0;background-color:#0b0c14;color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px}.theme-panel.open{transform:translate(0)}.business-card.night{border:white 1px solid}.business-card{position:relative;background-color:transparent;top:50%;left:50%;color:#999;border:black 1px solid;box-shadow:10px;border-radius:5px;width:350px;height:200px;text-align:center;display:flex;align-items:center;justify-content:center;z-index:1;animation:flip 1s ease-in forwards;animation:heart-beat 5s linear infinite}.business-card:hover{cursor:pointer}.name-container{display:flex;flex-direction:column}.click{font-size:20%;animation:click-heart-beat 4s linear infinite}.business-card.drop:hover{cursor:none;background-color:transparent}.flip{animation:flip 5s ease-in forwards}@media (max-width: 680px){.business-card{max-width:30%;height:150px;height:100px}.landing-page{height:100vh;min-width:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC) repeat 0 0;background-attachment:fixed}.business-card .name-container,.menu-item a{font-size:50%}.project-list a{font-size:15px;opacity:1}.ship,.link,.contact-text,.folio-form .form-ctrl,.btn,.theme-panel,.theme-body{font-size:10px}.theme-body>span{font-size:10px}.theme-body .btn-group,.theme-body .btn-group .switcher-btn,.theme-body .btn-group .switcher-btn.active,.theme-body .theme-tab{font-size:10px}}@keyframes flip{0%{animation-play-state:paused;transform:rotatey(0)}33%{transform:rotatey(-180deg) translate(200px)}66%{transform:rotatey(360deg) translate(400px)}to{transform:rotatey(-540deg) translate(600px)}}@keyframes heart-beat{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1.2)}30%{transform:scale(1.3)}40%{transform:scale(1.4)}50%{transform:scale(1.5)}60%{transform:scale(1.4)}70%{transform:scale(1.3)}80%{transform:scale(1.2)}90%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes click-heart-beat{0%{transform:scale(1)}10%{transform:scale(1.4)}20%{transform:scale(1.8)}30%{transform:scale(2.2)}40%{transform:scale(2.6)}50%{transform:scale(3)}60%{transform:scale(2.6)}70%{transform:scale(2.2)}80%{transform:scale(1.8)}90%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes card-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes disappear{0%{opacity:1}10%{opacity:.9;scale:.9}20%{opacity:.8;scale:.8}30%{opacity:.7;scale:.7}40%{opacity:.6;scale:.6}50%{opacity:.5;scale:.5}60%{opacity:.4;scale:.4}70%{opacity:.3;scale:.3}80%{opacity:.2;scale:.2}90%{opacity:.1;scale:.1}to{opacity:0;scale:0;transform:translateY(0)}}@keyframes arrow{0%{transform:translate(0)}50%{transform:translate(-80px)}to{transform:translate(2000px)}}@-webkit-keyframes bg-scrolling-reverse{to{background-position:50px 50px}}@-moz-keyframes bg-scrolling-reverse{to{background-position:50px 50px}}@-o-keyframes bg-scrolling-reverse{to{background-position:50px 50px}}@keyframes bg-scrolling-reverse{to{background-position:50px 50px}}@-webkit-keyframes bg-scrolling{0%{background-position:50px 50px}}@-moz-keyframes bg-scrolling{0%{background-position:50px 50px}}@-o-keyframes bg-scrolling{0%{background-position:50px 50px}}@keyframes bg-scrolling{0%{background-position:50px 50px}}@-webkit-keyframes bg2-scrolling-reverse{to{background-position:30px 30px}}@-moz-keyframes bg2-scrolling-reverse{to{background-position:30px 30px}}@-o-keyframes bg2-scrolling-reverse{to{background-position:30px 30px}}@keyframes bg2-scrolling-reverse{to{background-position:30px 30px}}@-webkit-keyframes bg2-scrolling{0%{background-position:30px 30px}}@-moz-keyframes bg2-scrolling{0%{background-position:30px 30px}}@-o-keyframes bg2-scrolling{0%{background-position:30px 30px}}@keyframes bg2-scrolling{0%{background-position:30px 30px}}