@font-face{font-display:swap;font-family:Hasklug;src:url(/static/media/Hasklug.d3d3a3f761adaeac17bb.otf) format("opentype")}body{font-family:Hasklug,Montserrat,"monospace";margin:0;padding:0}body div.app{font-size:calc(12px + .5vw);padding:0 5vw;text-align:center}body div.app a{color:#625bc7;text-decoration:none}body button{border:none;cursor:pointer;display:inline-block;text-align:center;text-decoration:none;transition:opacity .2s ease-out;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out}body button:hover{opacity:.65}.show-desktop{display:none}@media(min-width:768px){.show-mobile{display:none}.show-desktop{display:inherit}}.App-header{color:#000;height:98vh}.App-header div.heading-background{color:#9352ae;font-size:18vw;height:100vh;left:0;opacity:.2;position:fixed;top:0;width:100%;z-index:-1}.App-header div.heading-background h1{font-size:calc(15px + .9em);left:50%;position:fixed;text-align:center;top:30%;transform:translate(-50%,-50%);width:100%}@media(max-width:700px){.App-header div.heading-background h1{font-size:calc(15px + .7em);top:40%}}.App-header header{display:flex;justify-content:space-between}@media(min-width:768px){.App-header header{display:inherit}}.App-header header h1{font-size:calc(20px + 2vw);font-weight:400;margin:3vh 0 0}.App-header .header-title{font-size:calc(15px + 2vw);margin-top:25vh;text-align:left;white-space:pre-wrap}@media(min-width:360px){.App-header .header-title{margin-left:10vw}}@media(min-width:768px){.App-header .header-title{margin-top:10vh}}.App-header .header-title button{background:#000;border-radius:2%;padding:1em 3em}.App-header .header-title button a{color:#fff;font-family:Open Sans,sans-serif;font-size:calc(10px + 3vw)}.App-header .scrollIndicator{animation:bounce 2s;animation-delay:1s;animation-iteration-count:infinite;bottom:15vh;cursor:pointer;display:block;font-size:calc(20px + 15vw);left:calc(42.5vw - 10px);position:absolute;text-align:center}@media(min-width:768px){.App-header .scrollIndicator{bottom:2vh;font-size:8vw;left:46vw}}@keyframes bounce{0%,25%,50%,75%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-12px)}}nav{margin:0;padding:0}nav .ham{cursor:pointer;font-size:calc(10px + 8vw);margin-top:2vh;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}nav .ham:hover{opacity:.4}nav ul{background-color:#777785;border-bottom-left-radius:10%;list-style-type:none;padding:3vh 0 0;position:fixed;right:0;top:-3vh;z-index:1}nav ul.show-menu{animation:slide-in .6s backwards;display:inline;display:initial}nav ul.hide-menu{animation:slide-out .6s forwards;display:inline;display:initial}nav ul li{cursor:pointer;font-size:calc(15px + 3vw);padding:3vh 0}nav ul li.closeBtn{background-color:#ababb1;border-radius:10%;padding:.2em 0 0}nav ul li.langs{padding-top:1vh;width:50vw}nav ul li.langs button{background-color:#c4c4c4;border-radius:30%;margin:5px 10px;padding:4px 8px}nav ul li.langs button img{height:6vw;min-height:6vw;min-width:9vw;width:9vw}nav ul li .link{color:#fff;display:inline-block;opacity:.8;padding:0 3vw;text-decoration:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;width:36vw}nav ul li .link:hover{color:#000;opacity:1}nav ul li .active{color:#2e2e2e;opacity:1}@keyframes slide-in{0%{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0)}}@keyframes slide-out{0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-100%)}}@media(min-width:768px){nav ul{background-color:initial;height:auto;position:relative}nav ul li{display:inline-block;font-size:calc(10px + 2.57vw);width:25%}nav ul li.closeBtn{display:none}nav ul li .link{border-bottom:initial;color:#000;display:inline;display:initial;opacity:.6;padding:0;width:auto}nav ul li.langs{display:block;margin:0;padding:0;position:absolute;right:-3vw;top:-1.5em;width:20vw}nav ul li.langs button{background:#f0efef;margin:0 .4vw;padding:.5vw .55vw}nav ul li.langs button img{display:inherit;height:2vw;min-height:2vw;min-width:3.5vw;width:3.5vw}}@media(min-width:1366px){nav ul li.langs{top:-1.2em}}.work .heading{text-align:left}.work .work-content{grid-gap:1vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(20em,1fr))}.project{box-shadow:0 0 1px 1px #0000001a;overflow:hidden}@media(min-width:700px){.project{height:31em}}.project .projectImage{display:flex;flex-direction:column;height:12em;width:inherit}.project .projectImage a,.project .projectImage img,.project .projectImage svg{color:#6b6b6b;height:inherit;object-fit:contain;width:100%}.project h4 a{padding:0 .7vw}@media(min-width:768px){.project h4 a{opacity:.5}.project h4 a:hover{opacity:1}}.project h1{font-size:calc(12px + .85vw)}.project h2{font-size:calc(10px + .7vw)}.project p{font-size:calc(8px + .65vw)}.project ul{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding-left:0}.project ul li{font-weight:500;margin:0 .5em 1em;padding:0 .8em}.project li{font-size:calc(19px + .1em)}.project .links{margin-top:-1vw}.project .techs li{border:1px solid rgba(255,166,0,.644);border-radius:10%;font-size:calc(10px + .5vw)}.contact{justify-content:center;margin-top:8vh;padding-bottom:3vh;text-align:center}.contact h1{text-align:left}.contact .contact-content h3{font-size:calc(16px + .2vw)}.contact .contact-content h3 .amazing-color{color:#9352ae;opacity:1}.contact .contact-content ul{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding-left:0}.contact .contact-content ul li{border:1px solid #00000038;border-radius:10%;margin:0 1.5vw 1vh;padding:.3em;top:0;transition:top .5s ease}.contact .contact-content ul li:hover{background-color:rgba(147,82,174,.133)}div.footer{border-top:1px solid #000;font-size:calc(16px + .1vw);height:3em;left:calc(50% - 50vw + .1em);margin:-.1em auto;padding:0;width:50vw}@media(max-width:952px){div.footer{left:calc(50% - 27.5vw);width:55vw}}@media(max-width:700px){div.footer{font-size:calc(8px + 1vw);margin-bottom:3em}}
/*# sourceMappingURL=main.58cf1b6e.css.map*/