@font-face{font-family:"Barlow-Bold";src:url(/static/media/Barlow-Bold.53f34188.otf) format("opentype")}@font-face{font-family:"Barlow-Regular";src:url(/static/media/Barlow-Regular.52700744.otf) format("opentype")}@font-face{font-family:"VanillaBacked";src:url(/static/media/VanillaBacked.ba0f6653.ttf) format("opentype")}:root{--primary-color:#333;--secondary-color:#999;--highlight:#b4e55c;--overlay-color:rgba(0,0,0,0.8);--blue:#458296;--dark-blue:#2c393f;--light-blue:#6eaec4;--light-grey:#dce3e6;--red:#ef5939;--dark-red:#ba3416;--green:#11c93b;--dark-green:#0f8029;--grey:#abb0b3;--light-grey:#e3e9ee;--dark-grey:#7c8082;--background-grey:#f0f0f0;--white:#fff}*{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position:relative;font-size:16px}body,html{height:100%}body{font-family:"Barlow-Regular";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;font-weight:100;line-height:1.6;color:#333;font-size:1.1rem;margin:0;overflow-x:hidden}#root,.container{height:100%}h1,h2,h3,h4{font-family:"Barlow-Regular";line-height:1.3}strong{font-family:"Barlow-Bold"}button,input[type=submit]{-webkit-appearance:none}a:focus,button:focus,input:focus,textarea:focus{outline:none}.btn--blue{background-color:#6eaec4;background-color:var(--light-blue);color:#fff}.btn--blue:hover{background-color:#458296;background-color:var(--blue);transition:background-color .2s ease-in-out}@-webkit-keyframes moveDown{0%{transform:translateY(-5rem)}to{transform:translateY(0)}}@keyframes moveDown{0%{transform:translateY(-5rem)}to{transform:translateY(0)}}.navigation__container{display:flex;justify-content:space-between;align-items:center;height:50px;transition:height .3s ease-in-out;padding:0 1em;background-color:var(--dark-blue);z-index:999;flex:1 1}.navigation__container h2{color:var(--white);margin:0}.navigation__container{top:0;left:0;right:0;height:75px}.navigation__container--sticky{height:50px;background-color:var(--dark-blue)!important}.navigation__container--sticky .links__container--open{top:50px}.navigation__container--sticky .links__container--open button{height:60px;padding:.5em 1em;color:#fff}.navigation__container--sticky .links__container--open .btn--contact{border:2px solid #fff;border-radius:5px}.navigation__container--sticky .links__container--open .btn--contact:hover{background-color:#fff;transition:background-color .2s ease-in-out}.navigation__links{display:flex}.navigation__toggle{color:#fff}.links__container{flex:0.4 1;display:flex;justify-content:space-between}.links__container .btn--contact{border:2px solid #fff;border-radius:5px}.links__container .btn--contact:hover{background-color:#fff;transition:background-color .2s ease-in-out}.links__container button{background-color:transparent;color:var(--white);font-size:18px;font-family:inherit;border:none;cursor:pointer;height:35px;display:flex;align-items:center;justify-content:center}.links__container button:hover{color:var(--light-blue)}.navigation__toggle{flex:0.1 1;display:flex;font-size:28px;margin:0;cursor:pointer;align-items:center;justify-content:flex-end;padding-right:1rem}@media screen and (min-width:300px){.navigation__container{display:flex;flex:1 1;position:fixed;top:0;left:0;background-color:transparent}.navigation__toggle{flex:0.1 1;display:flex;font-size:28px;margin:0;cursor:pointer;align-items:center;justify-content:flex-end;padding-right:1rem}.links__buttons{display:flex;flex-direction:column;position:relative;top:50px}.links__container--open{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;top:75px;left:0;position:absolute;background-color:var(--dark-blue);visibility:visible;z-index:9999;height:calc(100vh - 50px);width:100%;transition-property:height;transition-duration:.7s;transition-timing-function:cubic-bezier(0,1,.5,1);margin:0 auto 2rem;padding:1em 0 0;overflow-y:hidden}.links__container--open button{margin:1em auto;font-size:27px;height:60px;padding:.5em 1em}.links__container--closed{visibility:hidden;display:flex;flex-direction:column;height:0}.links__container--closed button{padding:0 .5em;margin:0 1em}}@media screen and (min-width:783px){.navigation__container{display:flex;justify-content:space-between;align-items:center;transition:height .3s ease-in-out;padding:0 1em;background-color:transparent;z-index:999;flex:1 1}.navigation__container h2{color:var(--white);margin:0}.navigation__container{position:fixed;top:0;left:0;right:0;height:50px}.navigation__links{display:flex}.navigation__toggle{display:none}.links__buttons{display:flex;flex-direction:row;position:relative;top:0}.links__container,.links__container--closed,.links__container--open{flex:0.4 1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;visibility:visible}.links__container--closed button,.links__container--open button,.links__container button{background-color:transparent;color:var(--white);font-size:18px;font-family:inherit;border:none;cursor:pointer}.links__container--closed button:hover,.links__container--open button:hover,.links__container button:hover{color:var(--light-blue)}}.header__container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;flex:1 1 100%;z-index:0;position:relative;background-image:url(/static/media/bg-palms-original.0a19d718.jpg),linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));background-blend-mode:overlay;background-size:cover;background-position:0 60%;background-repeat:no-repeat}@media screen and (min-width:300px){.header__container{background-position:8% 0}}@media screen and (min-width:400px){.header__container{background-position:5% 20%}}.header__h1,.header__typed-element{color:var(--white);margin:0;font-size:36px}.header__h1--light-blue{color:var(--light-blue)}#typedElementDescDev,#typedElementIntroName{margin-left:8px}#typedElementIntroName{color:var(--light-blue)}.header__intro{flex:1 1}.header__btn,.header__intro{display:flex;align-items:center;justify-content:center}.header__btn{margin:1em auto 0}.btn{font-family:inherit;font-size:24px;border:none;padding:.5em 1em;border-radius:5px;cursor:pointer}.btn--hide{opacity:0}.btn--show{opacity:1;transition:opacity .3s ease-in-out}.about__container{background-color:#fff;padding:0}.about__content{max-width:600px;margin:0 auto;padding:1em;position:relative;display:flex;flex-direction:row;align-items:center}.about__left{flex:0.75 1;padding:1em 0}.about__right{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0.1 1}.about__right p{font-family:"VanillaBacked";position:absolute;right:-50px;top:-15px;z-index:1;font-size:27px;max-width:190px;line-height:1.2}img.about__arrow{width:85px;position:absolute;right:-65px;bottom:190px;transform:scaleX(-1) rotate(30deg);z-index:1}img.about__hopper{width:225px;position:absolute;right:-120px;bottom:0}@media screen and (min-width:300px){.about__container{padding:0 2em}.about__content{flex-direction:column;padding:0}.about__right{display:block}.about__right p{position:relative;right:70px}img.about__arrow{position:relative;right:50px;bottom:20px;transform:scaleX(1) rotate(-30deg)}img.about__hopper{right:-10%}}@media screen and (min-width:500px){img.about__hopper{width:225px;right:10%}}@media screen and (min-width:768px){.about__content{flex-direction:row;padding:1em 0}.about__right{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0.1 1}.about__right p{position:absolute;right:-20px;top:-5px;z-index:1}img.about__arrow{width:85px;position:absolute;right:-55px;bottom:180px;transform:scaleX(-1) rotate(30deg);z-index:1}img.about__hopper{width:255px;position:absolute;right:-120px;bottom:0}}.projects__container{background-color:var(--light-grey)}.projects__content{max-width:600px;margin:0 auto}.projects__list{display:flex;flex-direction:column}.list__item{flex:1 1;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;margin:1em auto;width:100%}.list__item h4{margin:0}.list__item p{margin:.5em 0;text-align:center}.list__item h4{color:var(--blue)}.item__links{display:flex;justify-content:center;align-items:center;margin-top:.5em}.item__links svg{font-size:24px;margin:0 .2em}.item__links a{color:var(--light-blue);display:flex;align-items:center}.item__links a:hover{color:var(--blue)}.separator{margin:0 .25em}.tooltip{position:relative;transition:.25s ease;cursor:default;display:flex;align-items:center;justify-content:center}.tooltip:hover{color:var(--grey)}.tooltip:hover .tooltip__content{opacity:1;transform:translateX(-50%) translateY(-100%)}.tooltip .tooltip__content{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-80%);width:100px;display:flex;align-items:center;justify-content:center;white-space:nowrap;position:absolute;left:50%;top:-25%;transform:translateX(-50%) translateY(-100%);color:#fff;padding:.5rem 1rem;height:auto;background-color:var(--blue);border:1xp solid var(--blue);border-radius:5px;transition:.25s ease;font-size:1rem}.tooltip .tooltip__content:hover{color:#fff}.tooltip .tooltip__content:after{content:"";position:absolute;width:20px;height:50px;top:99%;left:40%;background:var(--blue);-webkit-clip-path:polygon(0 0,100% 0,50% 10%);clip-path:polygon(0 0,100% 0,50% 10%)}.list__image-container{width:100%;display:flex;flex-wrap:wrap}.list__image-container img{flex:1 1;min-width:250px;width:35%;display:flex;align-items:center;justify-content:center;align-self:flex-start;background-color:red;margin:.5em;border-radius:5px;cursor:pointer}@media screen and (min-width:300px){.projects__container{padding:1em 2em}}.resume__container{background-color:#fff}.resume__content{max-width:600px;margin:0 auto;padding:1em}.resume__content h4{margin:0;text-transform:uppercase;color:var(--blue)}.resume__content p{margin:0}.resume__header{display:flex;align-items:center}.resume__header a,.resume__header button{background-color:transparent;color:var(--light-blue);margin-left:.25em;font-size:27px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.resume__header a:hover,.resume__header button:hover{color:var(--blue)}.resume__skills{display:flex;flex-wrap:wrap}.resume__item{margin:1.5em auto}.skills__item{flex:0.3 0 200px;margin-bottom:1em}.skills__item p{margin:0}.item__title{font-family:"Barlow-Bold"}.experience__list{list-style:square}.experience__list li{margin:1em auto}.experience__item:not(:first-of-type){margin-top:3em}.resume__item--experience,.resume__item--profile{margin-top:0}.resume__item--skills{margin-bottom:.5em}@media screen and (min-width:300px){.resume__container{padding:1em 2em}}.footer__container{height:50px;background-color:var(--dark-blue);display:flex;align-items:center;justify-content:center}.footer__text{color:#fff}.popup__container{position:static!important}.popup__container .modal{display:flex;flex-direction:column}.modal__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex:1 0;width:100%;margin-bottom:1rem}.modal__header h3{margin-top:0;margin-bottom:0}.modal__header button{display:flex;align-items:center;justify-content:flex-end;flex:0 1;border:none;color:var(--red);font-size:28px;cursor:pointer;position:absolute;top:20px;right:20px}.modal__content{flex:1 1;width:100%;max-width:500px;margin:0 auto}form{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:350px;margin:0 auto}form p{margin:0}input[type=text],textarea{font-family:"Barlow-Regular";font-size:1rem;padding:.5rem .75rem;border-radius:5px;flex:1 1;border:2px solid var(--grey);margin-bottom:1em;width:100%}input[type=text]:focus,textarea:focus{border:2px solid var(--primary-color)}textarea{height:75px}input[type=submit]{font-size:21px;min-width:300px;width:100%;flex:1 1}input[type=submit]:disabled,input[type=submit]:disabled:hover{background-color:#ccc;color:#999;pointer-events:none}.send-success{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1em;color:#118243;margin-bottom:2em}.send-success p{margin:0}.send-success svg{font-size:72px;color:#118243;margin-bottom:.1em}.send-error{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1em;border:3px solid #a31c2a;border-radius:5px;background-color:#e09da4;color:#a31c2a;margin-bottom:2em}.send-error p{margin:0}img{width:90%;border-radius:5px}.modal__header--images{margin:0;max-height:50px;width:90%}.modal__content--images{display:flex;align-items:center;justify-content:center;max-width:100%;margin:0 auto}@media screen and (min-width:300px){.modal__header--images{margin:0;max-height:50px;width:100%}img{width:100%;border-radius:5px}}.layout__container,.popup{height:100%}.popup{z-index:999999;position:fixed;width:100%;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.75);overflow:hidden}.popup.showModal{visibility:visible;opacity:1;transition:all .3s ease-in-out}.popup.hideModal{visibility:hidden;opacity:0;transition:all .3s ease-in-out}.popup__container--images{max-width:90%}.popup__container--images,.popup__container--images div button{background-color:transparent}.popup__container--contact{background-color:#f0f0f0;max-width:400px}.popup__container{position:absolute;margin:0 auto;padding:2rem;border-radius:15px;max-height:85%;overflow-y:auto;flex-direction:column;transition:transform .3s ease-in-out;transform:translateY(-300px)}.popup__container.slideIn{transform:translateY(50px)}.popup__container.slideOut{transform:translateY(-300px)}.popup__container>div{display:flex;align-items:center;justify-content:space-between;width:100%}.popup__container>div button{flex:0.475 1}@media screen and (min-width:300px){.popup__container--contact{max-width:350px;width:90%}.popup__container--images{position:absolute;margin:0 auto;padding:2rem 0;border-radius:15px;max-height:85%;overflow-y:auto;flex-direction:column;transition:transform .3s ease-in-out;transform:translateY(-300px)}}@media screen and (min-width:768px){.popup__container--contact{max-width:400px}.popup__container--images{position:absolute;margin:0 auto;padding:2rem;border-radius:15px;max-height:85%;overflow-y:auto;flex-direction:column;min-width:400px;max-width:1200px;transition:transform .3s ease-in-out;transform:translateY(-300px)}}
/*# sourceMappingURL=main.b82d1b28.chunk.css.map */