.menu{background-color:#000;border-bottom:2px solid #e3e3e3;padding:20px;position:-webkit-sticky;position:sticky;top:0;transition:height .5s ease-out;width:100%;z-index:11111}@media screen and (min-width:768px){.menu{padding:20px 40px}}.menu__inner{align-items:center;display:flex;height:100%;justify-content:space-between}.fa-bars,.fa-github,.fa-instagram,.fa-linkedin-in{background-color:#0000;color:#e3e3e3;height:15px;width:20px}@media screen and (min-width:992px){.fa-bars,.fa-github,.fa-instagram,.fa-linkedin-in{height:20px;padding:0 10px;width:30px}}.fa-bars path,.fa-github path,.fa-instagram path,.fa-linkedin-in path{color:#e3e3e3}@media(max-width:991px){.menu__link--social:nth-of-type(2){padding:0 10px}}.menu__emotji{font-size:20px}@media screen and (min-width:992px){.menu__emotji{font-size:25px}}.fa-bars,.fa-xmark{color:#e3e3e3;cursor:pointer;height:20px;padding:0;width:20px}@media screen and (min-width:992px){.fa-bars,.fa-xmark{height:30px;width:30px}}.fa-xmark{color:#6c5f5b}.menu__logo{height:auto;left:0;margin:auto;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px}.menu__link--social:hover svg{color:#6c5f5b}.menu-toopen{background-color:#000;height:15vh;height:0;opacity:0;position:-webkit-sticky;position:sticky;transition:height .5s ease-out;width:100%}.menu-toopen.open{height:15vh;opacity:1;z-index:5555}@media(max-width:479px){.menu-toopen.open{height:25vh}}.menu-open__list{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;padding:0 20px;width:100%;z-index:222}@media screen and (min-width:768px){.menu-open__list{align-items:center;flex-direction:row;justify-content:space-between;padding:0 40px;width:100%}}@media screen and (min-width:992px){.menu-open__list{width:60%}}.menu-open__link{color:#e3e3e3;letter-spacing:5px;padding:5px;text-decoration:none;text-transform:uppercase}.menu-open__link:hover{color:#6c5f5b}.menu-open__li{margin:10px 0}.menu__burger:hover .fa-bars{color:#6c5f5b}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:200px}.App{margin:0 auto;max-width:1700px;overflow-x:hidden}@media(min-width:1700px){.App{border:1px solid #000}}body{background-color:#e3e3e3;font-family:Varela Round,sans-serif;font-size:14px;font-style:normal;font-weight:400;overflow-x:hidden}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border:0;margin:0;padding:0;text-rendering:optimizeLegibility;vertical-align:initial}li{list-style-type:none}input{border-radius:0;outline:none}.spinner__container{height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.header__top{align-items:center;display:flex;gap:10px;justify-content:center;margin:0 auto;padding:15px;width:100%}@media screen and (min-width:768px){.header__top{gap:30px}}@media screen and (min-width:992px){.header__top{align-items:flex-start;gap:25px;justify-content:space-between;padding:20px;width:50%}}@media screen and (min-width:1330px){.header__top{width:35%}}.header__top-contact{align-items:center;display:flex;justify-content:flex-start;width:50%}@media screen and (min-width:992px){.header__top-contact{gap:20px}}@media screen and (min-width:1025px){.header__top-contact{gap:5px}}.header__top-phone{justify-content:flex-end;margin-left:-33px}.header__top-info{align-items:flex-start;display:flex;flex-direction:column;flex-direction:flex-start;padding-left:8px}.header__top-text{font-size:11px}@media screen and (min-width:992px){.header__top-text{font-size:14px}}.header__top-value{color:#000;font-size:10px;font-weight:600;text-decoration:none}@media screen and (min-width:992px){.header__top-value{font-size:15px}}.header__scroll-text{font-size:12px}.header__bottom{gap:20px}.header__icon{align-items:center;background-color:#6c5f5b;border-radius:50%;display:flex;height:25px;justify-content:center;min-width:25px}@media screen and (min-width:992px){.header__icon{height:40px;min-width:40px}}.fa-envelope,.fa-phone{color:#e3e3e3;height:15px;width:15px}@media screen and (min-width:992px){.fa-envelope,.fa-phone{height:20px;width:20px}}.header__line{border-right:1px solid #898989;height:20px;margin:auto}@media(max-width:991px){.header__line{display:none}}.header__left{margin-bottom:30px}@media screen and (min-width:992px){.header__left span{padding:0 4px}}@media(max-width:991px){.header__left{text-align:center}}@media screen and (min-width:992px){.header__left{margin-bottom:60px}}.header__photo,.header__photo-box{position:relative}.header__photo-box-with-text{background-color:#41454e;bottom:0;color:#e3e3e3;left:0;padding:15px 30px;right:0;text-align:center}.header__bottom-line{border-bottom:1px solid #898989;display:block;margin:0 auto;width:90%}@media screen and (min-width:992px){.header__bottom-line{width:50%}}.header__bottom{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:50px auto 0;max-width:1200px;max-width:var(--max-width);padding:0 20px}@media screen and (min-width:768px){.header__bottom{padding:0 40px}}@media screen and (min-width:992px){.header__bottom{flex-direction:row}}.header__bottom-col{width:100%}@media screen and (min-width:992px){.header__bottom-col{width:50%}}.header__title{display:inline-block;font-size:35px}@media screen and (min-width:768px){.header__title{font-size:50px}}.header__title-bold{font-size:35px;font-weight:600}@media screen and (min-width:768px){.header__title-bold{font-size:50px}}.header__title-light{font-weight:lighter;text-decoration:underline}.header__title-small{font-size:30px;padding:0 2px}@media screen and (min-width:768px){.header__title-small{font-size:35px;padding:0 5px}}.header__about{display:flex;flex-direction:row;gap:20px;justify-content:flex-start}@media screen and (min-width:1025px){.header__about{gap:40px}}.header__title-italic{display:block;font-style:italic;letter-spacing:7px;text-align:center;text-decoration:line-through}.header__scroll-down{align-items:center;background:#0000;border:none;color:#000;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-align:center;text-decoration:none}.fa-arrow-up{height:15px;padding:5px 0;transform:rotate(180deg)}.header__about-me{font-size:12px;line-height:1.5;width:70%}@media screen and (min-width:768px){.header__about-me{font-size:14px}}.header__photo-img{background-image:url(/new-portfolio-2024/static/media/header1.d0ce89ff2579d8c224ce.jpg);background-repeat:no-repeat;background-size:cover;min-height:300px;min-width:200px}@media screen and (min-width:768px){.header__photo-img{min-height:450px;min-width:400px}}.header__photo-title{color:#f6c1a3;padding-bottom:5px}.title{border-bottom:1px solid #6c5f5b;border-top:1px solid #6c5f5b;font-size:18px;letter-spacing:10px;margin:40px 0;overflow:hidden;padding:20px 0;white-space:nowrap;width:100%}@media screen and (min-width:992px){.title{font-size:25px;margin:60px 0}}.fa-burst{color:#6c5f5b;padding:0 7px}@keyframes move-words{0%{left:100%}to{left:-100%}}.form__wrapper{margin:0 auto;width:calc(100% - 40px)}@media screen and (min-width:768px){.form__wrapper{max-width:500px}}.form{align-items:flex-start;flex-direction:column;justify-content:flex-start;text-align:center}.form,.form__title{display:flex;width:100%}.form__title{align-items:center;font-size:18px;justify-content:center;letter-spacing:7px;text-transform:uppercase;white-space:nowrap}@media screen and (min-width:768px){.form__title{font-size:25px;letter-spacing:10px}}input,textarea{background:#0000;border:none;border-bottom:2px solid #6c5f5b;color:#41454e;font-family:Varela Round,sans-serif;font-size:12px;font-weight:lighter;margin-top:20px;padding:7px 0;text-transform:uppercase;width:100%}@media screen and (min-width:992px){input,textarea{font-size:15px}}.fa-tty{color:#6c5f5b;height:30px;width:30px}.form__icon{margin:20px auto}.form__row{display:flex;gap:30px;width:100%}.form__email,.form__name{width:50%}.form__number{width:100%}.form__submit{border:1px solid #6c5f5b;margin:0}.form__submit button{border:none;color:#41454e;cursor:pointer;font-size:12px;margin:0;padding:5px 10px}@media screen and (min-width:992px){.form__submit button{font-size:14px}}.form__submit button:not(:disabled):hover{background-color:#6c5f5b;color:#fff}.form__submit button:disabled{cursor:not-allowed}.errors{padding:10px 0}.errors__li{list-style:none;text-align:left}.success-btn{margin:10px 0}.footer{margin-top:50px}.footer__inner{background-color:#0000;border-style:solid dotted dotted;border-top:1px dotted #6c5f5b;padding:10px;width:100%}.footer__text{display:block;text-align:center}.more-projects__container{color:#6c5f5b;display:block;font-size:20px;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 20px;text-decoration:none}@media screen and (min-width:768px){.more-projects__container{padding:0 40px}}.more-projects__container:hover p,.more-projects__container:hover span{color:#41454e}.more-projects__text{align-items:center;display:flex;font-size:14px;font-weight:lighter;justify-content:center}@media screen and (min-width:992px){.more-projects__text{align-items:flex-end;display:flex;font-size:18px;justify-content:flex-start}}.more-projectes__text--second{padding:0 8px}.fa-github-alt{font-size:20px}.more-projectes__text--second{color:#000}.projects__project{align-items:flex-start;display:flex;flex-direction:column;gap:30px;justify-content:space-between;margin:40px auto;max-width:1200px;max-width:var(--max-width);padding:0 20px}@media screen and (min-width:768px){.projects__project{padding:0 40px}}@media screen and (min-width:992px){.projects__project{flex-direction:row;gap:150px;margin:150px auto}}.project__container{background-color:#41454e;height:300px;position:relative;width:100%}@media screen and (min-width:992px){.project__container{height:300px;transform:rotate(18deg)}}.project__img{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.project__img,.project__mask{height:100%;left:0;top:0;width:100%}.project__mask{background-color:#41454e;opacity:.8;position:absolute}.projects__col{width:100%}@media screen and (min-width:992px){.projects__col{width:50%}}.project__title--text{padding:10px 0}.project__title{color:#6c5f5b;font-family:Londrina Outline,sans-serif;font-size:30px;letter-spacing:12px}@media screen and (min-width:992px){.project__title{font-size:40px}}.project__subtitle{text-decoration:line-through}.fa-code,.fa-link{height:10px;padding-right:5px;width:15px}.project__links{display:flex}.project__link{border-style:double;cursor:pointer;display:block;padding-right:20px;width:auto}.project__link--github{cursor:pointer}@media screen and (min-width:992px){.project__title--text{margin:15px 0}}.project__link{color:#6c5f5b;text-decoration:none}.project__tech{font-style:italic;margin:15px 0}:root{--max-width:1200px}.skills__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 20px}@media screen and (min-width:768px){.skills__wrapper{padding:0 40px}}.skills__and{color:#6c5f5b;font-size:20px;font-weight:700;margin:10px 0;text-align:center}.skills__wrapper--hard .skill{display:block;font-size:12px;margin:5px 16px}@media screen and (min-width:992px){.skills__wrapper--hard .skill{font-size:14px;margin:0 8px}}.skills__wrapper--soft{margin:0 auto;text-align:center}.skills__wrapper--soft .skill{padding:5px}@media(max-width:991px){.skills__wrapper--soft .skill{text-align:left}.skills__wrapper--soft{align-items:flex-start;display:flex;flex-direction:column;width:100%}}@media screen and (min-width:768px){.skills__wrapper--soft{justify-content:center}}@media screen and (min-width:992px){.skills__wrapper--soft{align-items:center;width:70%}}
/*# sourceMappingURL=main.d0df7abe.css.map*/