:root{--breakpoint-mobile:576px;--breakpoint-tablet:992px;--breakpoint-desktop:1200px;--breakpoint-large-desktop:1400px}*{box-sizing:border-box}body,html{margin:0;min-width:-webkit-fit-content;min-width:fit-content;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Urbanist,Segoe UI,Roboto,sans-serif;margin:0;position:absolute;width:100%}:root{--main-bg-color:#6e7462;--secondary-bg-color:#e0dacd;--navigation-button-hover:#929789;--color-sub-title:#e0dacd;--color-green-light:#c8d4af;--color-red:#ff7081}h*,p{font-family:Urbanist,sans-serif}html{scroll-behavior:smooth}body{background-color:#6e7462;background-color:var(--main-bg-color);overflow-x:hidden}.btn,.btn.primary{background-color:initial;border:1px solid #c8d4af;border:1px solid var(--color-green-light);border-radius:30px;color:#e0dacd;font-size:24px;font-weight:400;padding:10px 25px}.btn.btn-secondary{border:1px solid #e0dacd;border:1px solid var(--secondary-bg-color,"#e0dacd");font:Heebo;font-size:16px;letter-spacing:1px}h2>.highlight{color:#fff;font-size:70px}input{background:#0000;border:1px solid #e0dacd;border:1px solid var(--secondary-bg-color,"#e0dacd");border-radius:30px;color:#fff;font:Urbanist,sans-serif;font-size:15px;padding:10px}.about{font-family:Heebo;padding:0 9rem;text-align:left}.about__wrapper{display:flex}.about__image{display:none}.about>.separator{background-image:url(../../static/media/separator.064ab92e4b000249b4e1.svg);background-position:100%;background-repeat:no-repeat;height:4rem;text-align:right}.about__content-text,.about__title{letter-spacing:1px;width:100%}.about__title{color:var(--color-sub-title);font-size:55px}.about__content-text{color:var(--color-green-light);font-size:24px;text-align:left;width:100%}@media (min-width:993px){.about__wrapper{gap:48px;justify-content:center}.about__image{display:flex}.about__image img{width:180px}.about__content{width:60%}}section.contact-section{padding:0!important}.contact-section{align-items:center;background-color:var(--secondary-bg-color);display:flex;justify-content:center;margin:0;position:relative;width:100%}.contact-section>.wrapper-contact{background-color:var(--main-bg-color);background-image:url(../../static/media/john-bg.6ef65730895d1cff15b8.svg);background-position:0;background-repeat:no-repeat;background-size:cover;font-family:Heebo;font-size:50px;font-weight:400;letter-spacing:1px;min-height:60vh;text-align:left;width:100%}.contact-section>.wrapper-contact>.main-contact{background-color:var(--main-bg-color);color:"#E0DACD";color:var(--color-sub-title,"#E0DACD");font-weight:400;margin:0;padding:2rem}.contact-section>.wrapper-contact>.main-contact h3{color:var(--secondary-bg-color);line-height:50px}.contact-section>.wrapper-contact>.main-contact h3>span{color:var(--color-green-light);font-size:45px;margin:0}form.contact-form{column-gap:40px;display:flex;flex-direction:column;font-size:18px;gap:24px}.contact-form .input-block{flex:100% 1}.contact-form .input-block input::placeholder,.contact-form .input-block-100 input::placeholder{color:var(--color-green-light)}.contact-form .input-block-100>label,.contact-form .input-block>label{display:block;margin-bottom:15px;text-align:left}.contact-form .input-block-100{flex:100% 1;margin-top:0}.contact-form .input-block-100>*,.contact-form .input-block>*{width:100%}.btn.btn-secondary{margin:10px auto 0;width:100%}.error-message{color:#ff7081;color:var(--color-red,#ff7081);font-size:20px}.success-message{color:#c8d4af;color:var(--color-green-light,#c8d4af);font-size:20px}@media (min-width:992px){.contact-section{padding:100px 0}.contact-section>.wrapper-contact>.main-contact{margin:5rem 7rem}.btn.btn-secondary{width:auto}.contact-form .input-block{flex:calc(50% - 40px) 1}form.contact-form{flex-direction:row;flex-wrap:wrap}.contact-form .input-block-100{margin-top:40px}.contact-section>.wrapper-contact{margin-bottom:4rem;width:80%}}.contribution{font-family:Heebo;margin:70px 0;padding:0 9rem;text-align:left}.contribution__title{font-size:38px;margin:0 auto 50px}.contribution-wrapper{margin:0 auto;text-align:center;width:100%}.contribution__title{color:var(--color-sub-title);font-size:32px;letter-spacing:1px;margin-bottom:50px;text-align:center;width:100%}.contribution__content{color:var(--color-green-light);font-size:24px;width:100%}.contribution__content-list{display:flex;flex-direction:column;flex-wrap:wrap;gap:48px;justify-content:space-between;list-style-type:none;padding:0}.contribution__content-list li{flex:50% 1;margin:0 0 50px}@media (min-width:992px){.contribution__title{font-size:40px;letter-spacing:1px;margin:0 auto 50px;text-align:center;width:80%}.contribution__content{padding:100px}.contribution-wrapper{min-height:450px;width:80%}.contribution__content-list li:not(:first-of-type){margin-top:0}.contribution__content-list{flex-direction:row;gap:0}}@media (min-width:1200px){.contribution-wrapper{background-image:url(../../static/media/cosmetic-clients.6adf50e7cb7cc8bfacaf.svg);background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center}.contribution__content{width:80%}}footer{justify-content:space-between;padding:2rem 4rem}.social,footer{align-items:center;display:flex}.social{gap:32px}footer>.logo{align-items:center;display:flex}.copyright a{color:"#C8D4AF";color:var(--color-green-light,"#C8D4AF");font-size:16px;margin-left:16px;text-decoration:none}footer .navigation{display:none;margin:0;max-width:60%;padding:0}footer .navigation>ul{display:flex;flex-direction:row}footer .navigation>ul>li{color:#fff;cursor:pointer;list-style-type:none;margin:0 1rem}footer .navigation>ul>li>a{border-radius:25px;color:inherit;height:100%;padding:1rem;text-decoration:none}footer .navigation>ul>li>a:hover{background-color:var(--navigation-button-hover)}@media (min-width:992px){footer .navigation{display:block;max-width:70%}footer>.logo{width:30vw}}@media (min-width:1200px){footer .navigation{display:block;max-width:80%}}.navigation.desktop{margin:0;max-width:80%;padding:0}.navigation>ul{display:flex;flex-direction:row}.navigation>ul>li{color:#fff;cursor:pointer;list-style-type:none;margin:0 1rem}.navigation>ul>li>a{border-radius:25px;color:inherit;height:100%;padding:1rem;text-decoration:none}.navigation>ul>li>a:active,.navigation>ul>li>a:hover{background-color:var(--navigation-button-hover)}#hamburger{display:none}#hamburger-logo{cursor:pointer;position:absolute;right:2rem;top:50px;z-index:2}#hamburger-logo img{height:30px}.navigation.desktop{display:none}.navigation.mobile{display:flex;height:100vh;transform:translateX(105vw);transition:.7s;width:100vw;width:calc(100vw + 2rem)}.navigation.mobile .list-item{background-color:var(--main-bg-color);display:flex;flex-direction:column;gap:60px;height:100vh;margin:0;padding:0;position:absolute;width:140vw;z-index:1}.navigation.mobile .list-item li{font-size:60px;text-align:center}#hamburger:checked~.navigation.mobile{transform:translateX(-45vw)}@media (min-width:992px){.navigation.desktop{display:block;max-width:70%}#hamburger-logo,.navigation.mobile{display:none}}@media (min-width:1200px){.navigation{display:block;max-width:80%}}.main-header{background-color:#6e7462;background-color:var(--main-bg-color,#6e7462);display:flex;height:0;height:140px;padding:2rem 4rem;position:fixed;top:0;width:100%;z-index:2}.main-header>.logo{width:30vw}@media (min-width:992px){.main-header{height:130px}}.home-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:0;position:relative;@media (min-width:992px){background-image:url(../../static/media/john-bg.6ef65730895d1cff15b8.svg);background-repeat:no-repeat;background-size:calc(100% - 4rem)}}.home-section>.main-title-home{color:#fff;opacity:.7;text-align:center}.home-section>.main-title-home h2{font-size:2rem;font-weight:600;letter-spacing:4px;margin:0;text-transform:uppercase}.home-section>.main-title-home h2 span{font-size:8rem;font-weight:600;letter-spacing:8px;margin:0;text-transform:uppercase}.home-section>.main-title-home h3{color:#f3e6cc;font-family:Heebo;font-size:2rem;font-weight:400;letter-spacing:.5px;margin-top:-5px}@media (min-width:992px){.home-section>.main-title-home h2 span{font-size:7rem}.home-section>.main-title-home h3{font-family:Heebo;font-size:2.5rem}}.skills,.skills__content{letter-spacing:1px}.skills{font-family:Heebo;margin:50px 0;padding:0 9rem;text-align:left}.skills__title{color:var(--color-sub-title);font-size:55px;margin:0 auto;width:100%}.skills__content-header{color:#fff;font-size:32px;font-weight:700}.skills__content{color:var(--color-green-light);display:flex;font-size:24px;justify-content:center;line-height:2;margin:40px auto;text-align:left;width:100%}.skills__content-header--logos{display:flex;gap:16px;margin-bottom:24px}.skills__content-header{line-height:36px}.skills__content-header--logos img{height:40px;width:40px}.skills__content-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(1,1fr);margin:0;padding:0}.skills__content-list-item{background:#0000;border:1px solid #c8d4af;display:flex;flex-direction:column;padding:24px}.skills__content-list-item p{font-size:20px;line-height:24px}@media (min-width:992px){.skills__title{width:35%}.skills__content-list{gap:24px;grid-template-columns:repeat(3,1fr)}}.screen{min-width:100%}.screen.min-full-height{min-height:100vh}.screen>section{margin:96px 0 0;padding:0 24px}@media (min-width:992px){.screen>section{margin:48px auto auto}}
/*# sourceMappingURL=main.3d77fb12.css.map*/