@font-face{font-family:"Amazonas";src:local("Amazonas-Centered"),url(/static/media/amazonas-webfont.46b9f465.woff) format("woff")}@font-face{font-family:"Montserrat";font-weight:700;src:local("Montserrat"),url(/static/media/Montserrat-Bold.079ca05d.ttf) format("truetype")}@font-face{font-family:"Montserrat";src:local("Montserrat"),url(/static/media/Montserrat-Regular.3cd78665.ttf) format("truetype")}@font-face{font-family:"Timeburner";src:local("Timeburner"),url(/static/media/timeburnernormal.63ba8707.ttf) format("truetype")}@font-face{font-family:"Timeburner";src:local("Timeburner"),url(/static/media/timeburnerbold.f1829060.ttf) format("truetype");font-weight:700}@font-face{font-family:"NunitoBlack";src:local("Nunito"),url(/static/media/Nunito-Black.a1c0bd6a.ttf) format("truetype")}@font-face{font-family:"BebasNeue-Regular";src:local("Bebas-Neue"),url(/static/media/BebasNeue-Regular.c501e16f.ttf) format("truetype")}@font-face{font-family:"ADLaMDisplay";src:local("ADLaM_Display"),url(/static/media/ADLaMDisplay-Regular.3153d4c7.ttf) format("truetype")}html{overflow:hidden}html,html body{height:100%;position:relative}html body{margin:0;background-color:#000}html body div,html body input,html body textarea{font-family:"Montserrat",sans-serif;box-sizing:border-box}html body .overlay{height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}html body .app-container{position:relative;height:100%;width:100%;overflow:auto}html body .app-container>:not(.nav-bar):not(.landing-section){padding-top:50px}.contact-section{height:100%;background-color:#fff;padding:1rem;-webkit-align-items:center;align-items:center}.contact-section,.contact-section .contact-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact-section .contact-form .top-row{display:-webkit-flex;display:flex;margin-bottom:1rem}.contact-section .contact-form .top-row input{width:calc(50% - .5rem)}.contact-section .contact-form .top-row .name-input{margin-right:1rem}.contact-section .contact-form input,.contact-section .contact-form textarea{padding:.5rem;font-size:20px;border-radius:5px;border:2px solid #000}.contact-section .contact-form textarea{resize:none}.contact-section .contact-form .button-container{width:100%;text-align:center}.contact-section .contact-form .button-container .send-button{margin-top:1rem;width:50%;cursor:pointer;background-color:#000;color:#fff}.contact-section .contact-form .button-container .send-button:hover{background-color:#fff;color:#000}.contact-section .content-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.contact-section .content-container img,.contact-section .content-container svg{height:100px;width:100px;margin-bottom:.5rem}.landing-section{position:relative}.landing-section,.landing-section .particles{height:100%;width:100%}.landing-section .text-section{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;color:#fff;text-align:center;-webkit-animation:fadeKeyframes 1s ease-in-out;animation:fadeKeyframes 1s ease-in-out}.landing-section .text-section .name{font-family:"Montserrat";font-weight:700;font-size:60px;margin:0;white-space:nowrap}@media screen and (max-width:700px){.landing-section .text-section .name{font-size:40px}}.landing-section .text-section .job-title{font-family:"Montserrat";font-size:25px;margin:0;white-space:nowrap}@media screen and (max-width:700px){.landing-section .text-section .job-title{font-size:14px}}.nav-bar{padding:.5rem;height:50px;position:fixed;top:0;right:0;z-index:10;width:100%;text-align:right;background-color:transparent;transition:background-color .4s ease-in-out;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-animation:fadeKeyframes 1s ease-in-out;animation:fadeKeyframes 1s ease-in-out}@media screen and (max-width:700px){.nav-bar{-webkit-justify-content:center;justify-content:center}}@-webkit-keyframes fadeKeyframes{0%{opacity:0}to{opacity:1}}@keyframes fadeKeyframes{0%{opacity:0}to{opacity:1}}.nav-bar.background{background-color:#000}.nav-bar a{color:#fff;background-color:transparent;transition:all .4s ease-in-out;transition-property:color,background-color;cursor:pointer;padding:.5rem;margin:.5rem;border-radius:.25rem;font-size:1rem}@media screen and (max-width:700px){.nav-bar a{font-size:.8rem}}.nav-bar a.active{color:#000;background-color:#fff;font-weight:700}.profile-section{height:100%;background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:1rem}@media screen and (max-width:700px){.profile-section{-webkit-flex-direction:column;flex-direction:column}}.profile-section img.me{height:300px;width:300px;box-sizing:border-box;padding:1rem;border:1px solid #000;border-radius:50%;object-fit:cover;margin-left:5rem}@media screen and (max-width:700px){.profile-section img.me{margin-left:0;margin-top:2rem}}.profile-section .text-section{width:300px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}@media screen and (max-width:700px){.profile-section .text-section{margin-top:50px}}.profile-section .text-section h1{margin:0}.profile-section .text-section>div{margin-top:1rem}.projects-section{background-color:#fff;height:100%;display:-webkit-flex;display:flex}@media screen and (max-width:700px){.projects-section{height:500%;-webkit-flex-direction:column;flex-direction:column}}.projects-section .project{height:100%;width:20%;-webkit-flex:1 1;flex:1 1;padding:.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-direction:column;flex-direction:column}@media screen and (max-width:700px){.projects-section .project{width:100%}}.projects-section .project.bluma{background-image:linear-gradient(#66487a,#f6dca7)}.projects-section .project.bluma img{max-width:100%}.projects-section .project.bluma .top{padding:1rem 0}.projects-section .project.bluma .subtitle,.projects-section .project.bluma a{font-family:"ADLaMDisplay"}.projects-section .project.korio{background:url(/static/media/korio-brick.cd7f9cb8.jpg);background-size:cover}.projects-section .project.korio iframe{border:2px solid #fff;border-radius:10px;min-height:200px;max-width:100%}@media screen and (max-width:700px){.projects-section .project.korio iframe{min-height:225px;min-width:400px}}.projects-section .project.korio .subtitle,.projects-section .project.korio a{font-family:"Amazonas"}.projects-section .project.korio .subtitle{color:#fff}.projects-section .project.piqr{background-color:#fff}.projects-section .project.piqr img{border-radius:20px;padding:5px;border:2px solid #d3d3d3;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);max-height:100%;max-width:100%}@media screen and (max-width:700px){.projects-section .project.piqr img{max-height:300px;max-width:300px}}.projects-section .project.piqr .subtitle,.projects-section .project.piqr a{font-family:"Timeburner"}.projects-section .project.piqr .subtitle{color:#000}.projects-section .project.whats-your-list{background:radial-gradient(#9b0404,#000)}.projects-section .project.whats-your-list a{font-size:1rem}.projects-section .project.whats-your-list .subtitle,.projects-section .project.whats-your-list a{font-family:"NunitoBlack"}.projects-section .project.whats-your-list .subtitle{color:#fff}.projects-section .project.whats-your-list svg{max-width:100%}.projects-section .project.keety{background-image:linear-gradient(#51c5d0,#fff)}.projects-section .project.keety .top img{width:100%;border-radius:20px}.projects-section .project.keety .subtitle{color:#000}.projects-section .project a{font-size:30px;height:40px;font-weight:700;margin-bottom:.25rem;padding:.5rem 1rem;border-radius:40px;background-color:#fff;color:#000;border:4px solid #000;text-decoration:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.projects-section .project a:hover{background-color:grey}@media screen and (max-width:1000px)and (min-width:701px){.projects-section .project a{font-size:20px}}.projects-section .project img{max-height:100%}.projects-section .project .bottom,.projects-section .project .top{height:100%;width:100%;-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;text-align:center;padding:1rem}.projects-section .project .bottom{-webkit-justify-content:flex-start;justify-content:flex-start}.projects-section .project .bottom .subtitle{font-size:24px;padding-top:1rem;font-weight:700}@media screen and (max-width:1000px)and (min-width:701px){.projects-section .project .bottom .subtitle{font-size:16px}}
/*# sourceMappingURL=main.96678cb0.chunk.css.map */