*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media (max-width: 75em){html{font-size:56.25%}}@media (max-width: 56.25em){html{font-size:50%}}@media (min-width: 112.5em){html{font-size:75%}}body{font-family:Roboto,sans-serif;color:#252a34;font-weight:300;line-height:1.6}@media (max-width: 56.25em){body{padding:0}}.about{min-height:100vh}.about__hide{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.about__center{text-align:center}.about__header{margin-top:15rem;font-size:5.5rem;text-transform:uppercase;margin-bottom:5rem}.about__header-2{font-size:3rem;font-weight:400;text-transform:uppercase;margin-bottom:1rem}.about__container{display:flex;justify-content:space-evenly}@media (max-width: 75em){.about__container{flex-direction:column;align-items:center;text-align:center}}.about__description{max-width:35vw}@media (max-width: 75em){.about__description{max-width:90vw}}@media (max-width: 37.5em){.about__description{max-width:100vw}}.about__text{font-size:2rem}.about__text:not(:last-child){margin-bottom:3rem}@media (max-width: 75em){.about__text{margin-bottom:3rem}}.about__box{padding-top:4rem;text-align:center}.about__box--img{height:15rem;width:15rem;transition:all .5s}.about__box--img:hover{transform:scale(1.5);filter:drop-shadow(30px 10px 4px #08D9D6)}.about__box:hover .about__box--img:not(:hover){transform:scale(.7)}.about__box--link:visited,.about__box--link:link{text-decoration:none}.about__box--link:hover{transform:scale(1.5)}.about__box:hover .about__box--link:not(:hover){transform:scale(.1);opacity:.5}.about__skills{max-width:35vw}@media (max-width: 75em){.about__skills{max-width:90vw}}@media (max-width: 37.5em){.about__skills{max-width:100vw}}.portfolio{text-align:center;display:flex;flex-direction:column;justify-content:flex-end}.portfolio__hide{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio__header{margin-top:15rem;font-size:5.5rem;text-transform:uppercase;margin-bottom:5rem}.portfolio__buttons{display:flex;flex-direction:column;justify-content:center}@media (max-width: 75em){.portfolio__buttons{flex-direction:row}}.portfolio__button{border:none;margin:0;text-decoration:none;background-color:transparent;color:#ff2e63;font-size:2rem;cursor:pointer;text-align:center;border-radius:.3rem;margin-right:3rem;transition:all .3s}@media (max-width: 75em){.portfolio__button{margin-bottom:3rem}}.portfolio__button:not(:last-child){margin-bottom:3rem}.portfolio__button:hover,.portfolio__button:focus{color:#08d9d6}.portfolio__button:active{transform:scale(.99)}.portfolio__button button:hover,.portfolio__button button:focus{background:#08D9D6}.portfolio__button button:focus{outline:1px solid #fff;outline-offset:-4px}.portfolio__button-active{color:#08d9d6}.portfolio__projects{display:flex;justify-content:center}@media (max-width: 75em){.portfolio__projects{display:block;margin:0 auto}}.portfolio__project{padding:3rem;max-width:75vw;box-shadow:1rem 1rem 2rem .4rem #252a3466;border-radius:3px}@media (max-width: 75em){.portfolio__project{max-width:90vw}}@media (max-width: 37.5em){.portfolio__project{max-width:100vw}}.portfolio__project-header{font-size:4rem;font-weight:400}.portfolio__project-header:not(:first-child){margin-top:1rem}.portfolio__project-text{font-size:1.5rem}.portfolio__project-container{display:flex;justify-content:space-between;margin-top:5rem;align-items:end}@media (max-width: 75em){.portfolio__project-container{display:block}}.portfolio__project-video{min-height:31.5rem;min-width:56rem}@media (max-width: 75em){.portfolio__project-video{min-width:42.6rem;min-height:24rem}}@media (max-width: 75em){.portfolio__project-btn{display:inline-block}}.portfolio__project-btn:visited,.portfolio__project-btn:link{text-decoration:none;color:#eaeaea;background-color:#ff2e63;font-size:2rem;transition:all .2s;padding:1rem 2rem;border-radius:.3rem}.portfolio__project-btn:hover{color:#08d9d6;text-shadow:0 .5rem 1rem rgba(37,42,52,.2);transform:translateY(-3px)}.portfolio__project-btn:active,.portfolio__project-btn:focus{outline:none;transform:translateY(-1px);text-shadow:0 .5rem 1rem rgba(37,42,52,.2)}.contact{min-height:100vh;text-align:center}.contact__hide{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.contact__header{margin-top:15rem;font-size:5.5rem;text-transform:uppercase;margin-bottom:3rem}.contact__body{display:flex;justify-content:space-evenly;max-height:-moz-min-content;max-height:min-content}@media (max-width: 75em){.contact__body{display:block}}.contact__body-img{max-width:40%}@media (max-width: 75em){.contact__body-img{display:none}}.contact__form{background-color:#6b666633;min-width:40%;padding:2rem;min-height:70vh}@media (max-width: 75em){.contact__form{max-width:70%;min-width:none;margin:0 auto}}@media (max-width: 37.5em){.contact__form{max-width:100vw}}.contact__form-label{display:block;font-size:2.5rem;margin-left:2rem;margin-top:.7rem}.contact__form-input{font-size:1.5rem;font-family:inherit;color:inherit;padding:1.5rem 2rem;border-radius:2px;background-color:rbga(#EAEAEA,.5);border:none;border-left:3px solid transparent;width:90%;display:block;margin:0 auto;transition:all .3s}.contact__form-input:focus{outline:none;box-shadow:0 1rem 2rem #252a341a;border-left:3px solid #08D9D6}.contact__form-textarea{height:40%}.contact__form-btn{text-decoration:none;color:#eaeaea;background-color:#ff2e63;font-size:2rem;transition:all .2s;padding:1rem 2rem;border-radius:.3rem;border:none;margin-top:3rem}.contact__form-btn:hover{color:#08d9d6;text-shadow:0 .5rem 1rem rgba(37,42,52,.2);transform:translateY(-3px)}.contact__form-btn:active,.contact__form-btn:focus{outline:none;transform:translateY(-1px);text-shadow:0 .5rem 1rem rgba(37,42,52,.2)}.header{height:100vh;background-color:#08d9d6cc;text-align:center}.header__hide{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header__main{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.header__name:visited,.header__name:link,.header__arrow:visited,.header__arrow:link{text-decoration:none;color:#252a34;font-family:Caveat,cursive;font-size:15rem;transition:all .7s;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 75em){.header__name:visited,.header__name:link,.header__arrow:visited,.header__arrow:link{font-size:7rem}}@media (max-width: 37.5em){.header__name:visited,.header__name:link,.header__arrow:visited,.header__arrow:link{font-size:5rem}}.header__name:hover,.header__arrow:hover{color:#ff2e63;cursor:pointer;text-shadow:0 1rem 2rem rgba(37,42,52,.5)}.header__description{color:#252a34;font-size:3rem;font-family:Caveat,cursive}@media (max-width: 37.5em){.header__description{font-size:1.5rem}}.navbar{display:flex;align-items:center;justify-content:center;gap:5rem;color:#eaeaea;position:sticky;background:rgba(8,217,214,.8);top:0;z-index:100}@media (max-width: 56.25em){.navbar{gap:0;justify-content:space-evenly;padding:2rem}}@media (max-width: 37.5em){.navbar{gap:0;padding-top:1rem;padding-bottom:1rem}}@media (max-width: 56.25em){.navbar__name{display:none}}.navbar__name:link,.navbar__name:visited{font-family:Caveat,cursive;color:#252a34;font-size:5.5rem;transition:all .7s;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar__name:hover{color:#ff2e63;text-shadow:0 1rem 2rem rgba(37,42,52,.5)}.navbar__list{display:flex;list-style:none;gap:1rem;margin-top:10px}@media (max-width: 56.25em){.navbar__list{gap:0;justify-content:space-evenly;padding:2rem;width:100vw}}@media (max-width: 37.5em){.navbar__list{gap:.2rem;padding:0;justify-content:center}}.navbar__link:link,.navbar__link:visited{font-size:2rem;font-weight:400;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;color:#eaeaea;transition:all .7s;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 37.5em){.navbar__link:link,.navbar__link:visited{padding:.3rem .6rem;font-size:1.5rem}}.navbar__link:hover{background-color:#eaeaea;color:#ff2e63;border-radius:100px;transform:translateY(-5px);box-shadow:0 1rem 2rem #252a3426}.footer{margin-top:5rem;background-color:#08d9d6;padding:5rem}.footer__container{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:2rem}.footer__name{display:inline;font-family:Caveat,cursive;color:#252a34;font-size:5.5rem;transition:all .7s;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.footer__name:hover{color:#ff2e63;text-shadow:0 1rem 2rem rgba(37,42,52,.5)}.footer__icons{width:20%;display:flex;justify-content:space-between}.footer__icon{color:#252a34}.footer__copyright{text-align:center;font-size:1.2rem}