@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Merriweather+Sans:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-family:Merriweather Sans,sans-serif;font-size:11px}a,button,h1,h2,h3,p,span{font-size:1rem;font-weight:400;line-height:1.2}.header{display:flex;flex-wrap:wrap;height:100vh;left:0;overflow:hidden;position:fixed;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.header:after{background-color:#121214;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;transition:background-color 1.6s}.header--active:after{background-color:rgba(27,24,28,.686)}.header__video{height:100%;object-fit:cover;width:100%;z-index:-1}.header__name-wrapper,.header__video{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.header__name-wrapper{z-index:2}.header__name{color:#fff;font-family:Abril Fatface,cursive;font-size:5.4rem;padding:0 3px}@media(min-width:800px){.header__name{font-size:7rem}}.header__title{color:#fff;font-family:Abril Fatface,cursive;font-size:4rem;padding:0 2px}@media(min-width:800px){.header__title{font-size:5.2rem}}.header__title:before{border-top:2px solid #fff;content:"";display:block}.header__subtitle{color:#fff;font-size:1.4rem;letter-spacing:6px;text-align:center}@media(min-width:800px){.header__subtitle{font-size:1.8rem;letter-spacing:7.9px}}.ham{height:28px;justify-content:space-around;position:absolute;right:20px;top:30px;width:38px}.ham__item{background-color:rgba(0,0,0,.768);background-color:hsla(0,0%,100%,.405)}.nav{background-color:transparent;display:flex;height:66px;justify-content:flex-end;left:0;position:fixed;top:0;transition:background-color .5s;width:100%;z-index:4}.nav--active{background-color:#121214;z-index:4}.nav__ul{display:flex;flex-direction:column;height:100vh;list-style:none;margin-right:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .15s;width:100vw}@media(min-width:800px){.nav__ul{flex-direction:row;height:auto;margin-right:40px;position:relative;transform:translatex(0);width:auto}}@media(max-width:800px){.nav__ul--mobile-active{background-color:#121214;padding-top:100px;position:fixed;transform:translateX(0);transition:transform .15s}}.nav__li{color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;margin:20px;text-align:center;transition:color .2s}.nav__li:hover{color:#8d8d98}.nav__li:first-child{margin-top:20px}@media(min-width:800px){.nav__li,.nav__li:first-child{margin:30px 15px}.nav__li{font-size:1.2rem}}.ham{display:flex;flex-direction:column;height:17px;justify-content:space-between;position:fixed;right:30px;top:26px;width:32px;z-index:4}@media(min-width:800px){.ham{display:none}}.ham__item{background-color:#6c6c6c;height:2px;transition:.2s;width:100%}.ham__item--active{background-color:#fff}.ham__item--active:first-child{transform:translateY(7.7272727273px) rotate(135deg)}.ham__item--active:nth-child(2){transform:scale(0)}.ham__item--active:nth-child(3){transform:translateY(-7.7272727273px) rotate(-135deg)}.skills{align-items:center;background-color:#eee9d4;display:flex;flex-direction:column;justify-content:center;margin-top:101vh;min-height:100vh;padding:120px 0;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.skills__curtain{background-color:#1b1f29;height:100%;left:0;position:absolute;top:0;transition:background-color .7s .1s;width:100%;z-index:2}.skills__curtain--active{background-color:transparent}.skills__title{font-family:Abril Fatface,cursive;font-size:4.4rem;font-weight:500;margin-bottom:40px;opacity:0;position:relative;text-align:center;transform:translateX(-140px);transition:.3s cubic-bezier(.2,.47,.54,.93) .1s}@media(min-width:800px){.skills__title{font-size:5rem}}.skills__title--active{opacity:1;transform:translateX(0)}@media(min-width:800px){.skills__main-wrapper{background-color:#eee9d4;border:4px solid #3f4a5e;border-radius:15px;margin:0 40px;padding:80px 40px}}.skills__wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:600px;padding:8px}@media(min-width:800px){.skills__wrapper{justify-content:space-evenly;max-width:800px}}@media(min-width:1270px){.skills__wrapper{justify-content:space-evenly;max-width:1270px}}.skill{background-color:#faf6ea;border-radius:5px;box-shadow:3px 3px 8px -3px rgba(70,70,70,.55);display:grid;flex-basis:calc(50% - 16px);grid-template-columns:78px 1fr;margin:7px auto;max-width:300px;min-width:170px;padding:8px 8px 6px 4px;width:100%}@media(min-width:800px){.skill{grid-template-columns:98px 1fr;margin:7px;max-width:340px}}.skill:last-child{visibility:hidden}@media(min-width:1270px){.skill:last-child{visibility:visible}}.skill__title{margin-right:8px;text-align:center}.skill__title-icon{height:15px}@media(min-width:800px){.skill__title-icon{height:20px}}.skill__title-text{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:600}@media(min-width:800px){.skill__title-text{font-size:1.5rem}}.skill__percentage{align-self:center;background-color:#96a3b9;height:8px;overflow:hidden;position:relative}@media(min-width:800px){.skill__percentage{height:11px}}.skill__percentage-fill{background-color:#202630;bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}.projects{align-items:center;background-color:hsla(0,0%,8%,.696);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 0;position:relative}.projects__title{color:#fff;font-family:Abril Fatface,cursive;font-size:4.4rem;font-weight:500;margin-bottom:40px;opacity:0;position:relative;text-align:center;transform:translateX(-140px);transition:.3s cubic-bezier(.2,.47,.54,.93) .1s}@media(min-width:800px){.projects__title{font-size:5rem}}.projects__title--active{opacity:1;transform:translateX(0)}.project{align-items:flex-start;border-top:1px solid hsla(0,0%,100%,.689);color:#fff;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:40px;max-width:1200px;opacity:0;padding:40px 0;transform:translateX(-140px);transition:.3s cubic-bezier(.2,.47,.54,.93) .1s;width:90%}.project--active{opacity:1;transform:translateX(0)}@media(min-width:1000px){.project{margin-top:10px;padding:60px 0}.project__text-wrapper{flex-basis:50%;order:2;padding-left:15px}}.project__title{font-size:2.2rem;font-weight:600;margin-bottom:15px;max-width:650px;text-align:center}@media(min-width:1000px){.project__title{text-align:left}}.project__subtitle{color:#888b92;font-size:1.5rem;margin-bottom:15px;max-width:650px;text-align:center}@media(min-width:1000px){.project__subtitle{text-align:left}}.project__description{font-size:1.5rem;font-weight:300;letter-spacing:1px;line-height:1.4;margin-bottom:15px;max-width:650px}.project__img-wrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%}@media(min-width:1000px){.project__img-wrapper{flex-basis:50%;padding-right:15px}}.project__img{cursor:pointer;margin-bottom:15px;max-width:650px;width:100%}@media(min-width:1000px){.project__img{margin-bottom:30px}}.btn{background-color:transparent;border:2px solid #fff;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:600;margin:10px;min-height:43px;outline:none;padding:10px 26px;transition:background-color .2s;width:100%}@media(min-width:400px){.btn{max-width:260px}}@media(min-width:550px){.btn{flex-basis:45%}}.btn:hover{background-color:rgba(0,0,0,.508)}.about{align-items:center;background-color:#ced0d4;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 8px;position:relative}.about__title{font-family:Abril Fatface,cursive;font-size:4.4rem;font-weight:500;margin-bottom:50px;opacity:0;position:relative;text-align:center;transform:translateX(-140px);transition:.3s cubic-bezier(.2,.47,.54,.93) .1s}@media(min-width:800px){.about__title{font-size:5rem}}.about__title--active{opacity:1;transform:translateX(0)}.about__wrapper{align-items:center;background-color:#b9bbc0;border-radius:15px;box-shadow:6px 6px 15px -2px rgba(0,0,0,.2);display:flex;flex-direction:column;margin:0 20px;overflow:hidden;padding:40px 10px;width:96%}@media(min-width:560px){.about__wrapper{display:block;margin:40px;max-width:1200px;padding:60px 40px 40px}}.about__image{background-color:#ced0d4;border-radius:15px;margin-bottom:15px;max-width:450px;opacity:0;transform:translatex(200px);transition:transform .2s .4s,opacity .2s .4s;width:84vw}@media(min-width:560px){.about__image{border-radius:15px;float:left;height:35vw;margin-right:15px;max-height:500px;max-width:500px;transform:translatex(-200px);width:35vw}}@media(min-width:800px){.about__image{transition:.2s .4s}}.about__image--active{opacity:1;transform:translatex(0)}.about__text{font-size:1.7rem;font-weight:300;line-height:1.4;max-width:450px;opacity:0;transform:translateY(200px);transition:transform .2s .4s,opacity .2s .4s;width:84vw}@media(min-width:560px){.about__text{font-size:1.9rem;max-width:100%;width:auto}}.about__text--active{opacity:1;transform:translateY(0)}@keyframes percentage{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.contact{align-items:center;background-color:#1b1f29;display:flex;flex-direction:column;overflow:hidden;padding:120px 8px;position:relative}.contact__title{color:#fff;font-family:Abril Fatface,cursive;font-size:4.4rem;font-weight:500;margin-bottom:50px;opacity:0;position:relative;text-align:center;transform:translateX(-140px);transition:.3s cubic-bezier(.2,.47,.54,.93) .1s}@media(min-width:800px){.contact__title{font-size:5rem}}.contact__title--active{opacity:1;transform:translateX(0)}.contact__main-wrapper{background-color:#1b1f29;border:4px solid #543f32;border-radius:15px;max-width:800px;overflow:hidden;padding:60px 0;width:96%}@media(min-width:800px){.contact__main-wrapper{padding:80px;width:80%}}.contact__wrapper{align-items:center;display:flex;flex-direction:column}.contact__line{background-color:#3f4a5e;height:1px;margin:15px auto;max-width:350px;width:90%}.contact__text{align-items:center;color:#000;color:#888b92;display:flex;font-size:1.9rem;font-weight:800;opacity:0;text-decoration:none;transition:color .2s,transform .3s cubic-bezier(.2,.47,.54,.93) .19s,opacity .3s cubic-bezier(.2,.47,.54,.93) .19s}.contact__text:first-child{transform:translateY(50px)}.contact__text:nth-child(2){transform:translateY(50px);transition:color .2s,transform .3s cubic-bezier(.2,.47,.54,.93) .31s,opacity .3s cubic-bezier(.2,.47,.54,.93) .31s}.contact__text--active:first-child,.contact__text--active:nth-child(2){opacity:1;transform:translateY(0)}@media(min-width:800px){.contact__text{font-size:2.6rem}}.contact__text:hover{color:#bbbbc2}.contact__text:hover>.contact__icon{filter:invert(94%) sepia(5%) saturate(244%) hue-rotate(201deg) brightness(82%) contrast(84%)}.contact__icon{filter:invert(58%) sepia(5%) saturate(393%) hue-rotate(184deg) brightness(94%) contrast(82%);margin:12px 6px;transition:.2s;width:26px}@media(min-width:800px){.contact__icon{margin:14px 8px;width:31px}}.contact__icons{background-color:#1b1f29;border-top:2px solid #543f32;display:flex;justify-content:space-evenly;margin:20px;max-width:220px;padding-top:26px;position:relative;width:100%;z-index:1}@media(min-width:800px){.contact__icons{border-top:3px solid #543f32}}.contact__social-media-icon{filter:invert(58%) sepia(5%) saturate(393%) hue-rotate(184deg) brightness(94%) contrast(82%);transform:scale(0);transition:background-color .2s;width:35px}.contact__social-media-icon--active-1{animation:scale .3s .5s forwards}.contact__social-media-icon--active-2{animation:scale .3s .6s forwards}.contact__social-media-icon--active-3{animation:scale .3s .7s forwards}.contact__social-media-icon:hover{filter:invert(94%) sepia(5%) saturate(244%) hue-rotate(201deg) brightness(82%) contrast(84%)}@keyframes scale{0%{transform:scale(0)}to{transform:scale(1)}}
/*# sourceMappingURL=main.f5d4539f.css.map*/