sup{color:var(--red)}.modal{position:absolute;background-color:var(--white);left:50%;top:50%;z-index:3;padding:50px 25px;width:80%;margin:0 auto;transform:translate(-50%,-50%);max-width:500px;text-align:center}.modal-title{font-size:45px;margin-bottom:25px;text-align:center}.btn--close{position:absolute;right:7px;top:0;font-size:45px;line-height:45px}.btn--close:hover{cursor:pointer}.modal-form__group{position:relative;width:100%;text-align:center}.modal-form__input{font-size:16px;display:block;width:100%;position:relative;border:none;outline:0;border-bottom:1px solid var(--blue-grey)}.modal-form__input:not(.button){margin-bottom:55px}.modal-form__input:focus{outline:none}.modal-form__label{position:absolute;pointer-events:none;left:5px;font-size:14px;color:gray;top:1px;transition:all .3s ease}.modal-form__input:focus+.modal-form__label{top:-20px;font-size:10px}.modal-form__input:valid+.modal-form__label{top:-20px;font-size:10px}@media screen and (min-width:700px){.modal{width:50%;min-width:300px}}@media screen and (min-width:1150px){.modal{width:30%}}.navigation-wrapper{background-color:var(--white)}.navigation{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-direction:column;transition:all .3s ease-in;padding:5px 0}.navigation-link{font-size:20px}@media screen and (min-width:480px){.navigation-link{font-size:18px}}@media screen and (min-width:750px){.navigation{flex-direction:row;padding:25px}.navigation-link{margin-bottom:0}}@media screen and (min-width:1150px){.navigation{padding:25px 0}}.footer-link__to-top{background-color:var(--teal);width:35px;height:35px;position:absolute;top:-35px;right:15px;color:var(--white);font-size:30px;text-align:center;opacity:.5;border:none;cursor:pointer}.footer-content--left a{margin-bottom:10px}.footer-link__to-top:hover{border:none;color:var(--white)}.footer{background-color:var(--blue-grey);width:100%;text-align:center;padding-top:20px;flex-shrink:0;position:relative;border-bottom:solid 10px var(--blue--accent)}.footer-content{max-width:1200px;width:90%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.footer-content--left__header{text-transform:uppercase;font-size:25px;margin:0}.footer-content--right{display:flex;justify-content:center;width:100%;padding:25px 0}.footer-link{margin:0 20px}@media screen and (min-width:750px){.footer-link__to-top{width:50px;height:50px;top:15px;font-size:40px}.footer-link__to-top:hover{transform:translateY(-15px)}.footer-link{margin:0;font-size:20px}.footer{text-align:left;padding:50px 0}.footer-content{flex-direction:row}.footer-content--right{width:50%;flex-direction:row;justify-content:space-between}@media screen and (min-width:1400px){.footer-link{font-size:20px}.footer--left__header{font-size:35px}.footer--right{width:45%}}}.blue--accent{color:var(--blue--accent)}.font--bold{font-weight:500}:root{--blue-grey:#eaf1f8;--blue-grey--dark:#576574;--blue--accent:#003f40;--white:#fff;--black:#000;--red:#ed4c67;--teal:#00b894;--teal-light:rgba(0,184,148,.2);--gray-background:rgba(87,101,116,.1);--overlay:rgba(0,0,0,.7);--font-main:"Poppins",sans-serif;--font-thin:100;--font-light-normal:300;--font-normal:400}body{background-color:var(--gray-background)}body,html{margin:0;color:var(--blue-grey--dark);font-family:var(--font-main);position:relative;height:100%;box-sizing:border-box}#app{display:flex;flex-direction:column;min-height:100%}main{flex:1 0 auto}.overlay.shown{background:var(--overlay);position:fixed;height:100%;width:100%;z-index:3}h1{text-transform:uppercase;font-size:35px;font-weight:var(--font-normal);margin:0 0 20px 0}h2,h3,h4,h5,h6,p{font-weight:var(--font-light-normal);margin:0 0 10px 0}p{font-size:15px}a{color:var(--blue--accent);text-decoration:none;transition:all .3s;border-bottom:solid 1px var(--blue--accent);transition:all .3s linear;opacity:.7}a:hover{opacity:1;cursor:pointer;border-bottom:1px solid transparent}ul{padding-left:0}.button{text-decoration:none;background-color:var(--blue-grey);padding:15px 25px;border:solid 2px var(--blue-grey--dark);font-size:20px;margin-top:20px;transition:all .3s;display:inline-block;max-width:250px;border-radius:4px;text-transform:uppercase}.button,.button:hover{color:var(--blue-grey--dark)}.button:hover{border-color:var(--blue-grey--dark);cursor:pointer}.wrapper{max-width:1200px;margin:0 auto;padding:25px}@media screen and (min-width:480px){p{font-size:18px}}@media screen and (min-width:750px){h2{font-size:35px;text-decoration:none}li{font-size:20px}h1{font-size:160px}}@media screen and (min-width:1400px){h1{font-size:250px;margin-left:10px}li{font-size:22px}h2{font-size:60px}}.hero-section{background-image:url(/img/hero.abd94249.jpg);background-position:70%;background-repeat:no-repeat;background-size:cover;width:100%;height:80vh;margin:0 auto;position:relative}.hero-section__overlay{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.4)}.hero-section__text{position:absolute;top:50%;transform:translateY(-50%);color:var(--white)}.hero-section__title{font-size:35px;padding-left:60px;margin:0;text-transform:uppercase}.hero-section__subtitle{margin:0;font-size:20px;padding-right:15px;text-align:right;text-transform:capitalize;background-color:var(--teal);color:var(--white)}@media screen and (min-width:750px){.hero-section{padding-top:25%;height:1px;background-position:50%}.hero-section__title{font-size:50px}.hero-section__subtitle{font-size:30px}.hero-section__extra{position:absolute;right:-55px;bottom:-27px;transform:rotate(-25deg)}}@media screen and (min-width:1000px){.hero-section__title{font-size:75px}}.about-section[data-v-0d7f5696]{background-color:#fff;padding:0 25px;border-top:solid 5px var(--blue-grey--dark)}h2[data-v-0d7f5696]{margin:0}h3[data-v-0d7f5696]{font-size:24px;font-weight:600;margin-bottom:20px}p[data-v-0d7f5696]{margin:0 0 20px;font-size:20px}.about-section--list li[data-v-0d7f5696]{font-size:18px;list-style:none;margin:0}.about-section--list li[data-v-0d7f5696]:before{content:"●";margin-right:5px}.about-section--wrapper[data-v-0d7f5696]{max-width:1200px;margin:0 auto;padding:50px 0}.section[data-v-6d4f60ed]{border-bottom:1px solid rgba(87,101,116,.1);padding-bottom:15px;margin-bottom:25px}.resume-page[data-v-6d4f60ed]{background-color:rgba(87,101,116,.1)}.resume-header__wrapper[data-v-6d4f60ed]{background-color:var(--teal);color:var(--white);padding:25px}.resume-header[data-v-6d4f60ed]{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;text-align:center}.resume-header--title[data-v-6d4f60ed]{font-size:30px;text-transform:uppercase;margin:0}.resume-header--subtitle[data-v-6d4f60ed]{margin:0;font-weight:var(--font-thin)}.resume-image[data-v-6d4f60ed]{border-radius:50%;-o-object-fit:cover;object-fit:cover;overflow:hidden;max-width:190px}.section-title[data-v-6d4f60ed]{font-size:32px;font-weight:600;margin-top:35px}.skills-list[data-v-6d4f60ed]{list-style:none;display:flex;flex-wrap:wrap;background-color:#fff;display:inline-flex;padding:5px 20px}.skills-list li[data-v-6d4f60ed]{color:var(--blue--accent);font-size:16px}.skills-list li[data-v-6d4f60ed]:not(:last-child):after{content:"|";margin:0 10px}.experience-list[data-v-6d4f60ed]{padding-left:30px}.experience-list li[data-v-6d4f60ed]{font-size:18px;margin-bottom:10px}.info-title[data-v-6d4f60ed]{display:flex;justify-content:space-between;flex-direction:column;font-size:18px}@media screen and (min-width:750px){.resume-header[data-v-6d4f60ed]{flex-direction:row;text-align:left}.resume-header--title[data-v-6d4f60ed]{font-size:60px}.resume-header--subtitle[data-v-6d4f60ed]{font-size:50px}.resume-image[data-v-6d4f60ed]{margin-bottom:0}.section-title[data-v-6d4f60ed]{font-size:25px;margin-top:55px}}@media screen and (min-width:1000px){.info-title[data-v-6d4f60ed]{flex-direction:row;font-size:22px}}.main[data-v-401ddd19]{background:repeating-linear-gradient(45deg,var(--teal-light),var(--teal-light) 10px,var(--blue-grey) 10px,var(--blue-grey) 20px)}.portfolio-items[data-v-401ddd19]{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;padding:0 25px}.portfolio-item[data-v-401ddd19]{border-bottom:none;background-repeat:no-repeat;background-size:cover;background-position:top;text-decoration:none;height:1px;padding-top:100%;opacity:1;filter:grayscale(100%)}.portfolio-item[data-v-401ddd19]:hover{border-bottom:none;filter:grayscale(0);transform:scale(1.1)}@media screen and (min-width:750px){.portfolio-items[data-v-401ddd19]{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1150px){.portfolio-items[data-v-401ddd19]{grid-template-columns:1fr 1fr 1fr 1fr;padding:0}}.main[data-v-f1eb26fe]{max-width:1200px;height:100%;padding:0 15px;margin:40px 0}.project-section[data-v-f1eb26fe]{display:flex;flex-direction:column}.button-group[data-v-f1eb26fe]{margin-top:25px}.button-margin[data-v-f1eb26fe]{margin:10px 10px 10px 0}.project-language[data-v-f1eb26fe]{list-style:none;background-color:var(--blue-grey--dark);color:var(--white);display:inline-block;border-radius:3px;padding:5px 10px;font-size:14px;text-transform:uppercase;margin-right:10px;margin-bottom:10px}.project-image[data-v-f1eb26fe]{display:block;max-width:100%;margin:30px 0}@media screen and (min-width:750px){.main[data-v-f1eb26fe]{max-width:1200px;padding:0 50px;margin:40px auto}}.main[data-v-151013d6]{background-image:linear-gradient(to bottom,var(--blue-grey) 0,var(--blue-grey) 20%,var(--teal-light) 20%)}.lessons[data-v-151013d6]{display:grid;grid-template-columns:1fr}.lesson[data-v-151013d6]{margin-bottom:50px}@media screen and (min-width:1000px){.lessons[data-v-151013d6]{grid-template-columns:1fr 1fr}}