@font-face{font-family:Audiowide;src:url(https://statics.naftan.dev/fonts/Audiowide-Regular.woff2) format("woff2"),url(https://statics.naftan.dev/fonts/Audiowide-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Goldman;src:url(https://statics.naftan.dev/fonts/Goldman-Bold.woff2) format("woff2"),url(https://statics.naftan.dev/fonts/Goldman-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Goldman;src:url(https://statics.naftan.dev/fonts/Goldman-Regular.woff2) format("woff2"),url(https://statics.naftan.dev/fonts/Goldman-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Ubuntu;src:url(https://statics.naftan.dev/fonts/Ubuntu-Bold.woff2) format("woff2"),url(https://statics.naftan.dev/fonts/Ubuntu-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Ubuntu;src:url(https://statics.naftan.dev/fonts/Ubuntu-BoldItalic.woff2) format("woff2"),url(https://statics.naftan.dev/fonts/Ubuntu-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Ubuntu;src:url(https://statics.naftan.dev/fonts/Ubuntu-Italic.woff2) format("woff2"),url(https://statics.naftan.dev/fonts/Ubuntu-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Ubuntu;src:url(https://statics.naftan.dev/fonts/Ubuntu-Regular.woff2) format("woff2"),url(https://statics.naftan.dev/fonts/Ubuntu-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--primaryFont: "Ubuntu", sans-serif;--secondaryFont: "Goldman", sans-serif;--tertiaryFont: "Audiowide", sans-serif;--primaryColor: #282C34;--secondaryColor: #FFFFFF;--tertiaryColor: #61DAFB;--sucessColor: #61b161;--errorColor: #ff4949;--disabledColor: #ebebe4;--boxShadow: 1px 1px 5px 0 var(--primaryColor);--textShadow: 1px 1px 5px var(--primaryColor);--animationTime: .3s}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--primaryFont)}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow:hidden}.content-container{width:100%;max-width:1200px;margin:0 auto;overflow:hidden}.message{font-size:14px}.message--success{color:var(--sucessColor)}.message--error{color:var(--errorColor)}.home{position:relative}.about{display:flex;flex-direction:column;gap:25px;padding:20px 0;background-color:var(--secondaryColor);overflow:hidden}.about__content{display:flex;flex-direction:column;gap:20px}@media(min-width:1024px){.about__content{max-width:900px;flex-direction:row;gap:50px;margin:0 auto;padding:35px 0}}.about__profile-container{display:flex;flex-direction:column;gap:5px}.about__picture{width:200vw;height:300px;text-align:center;position:relative;top:60px;left:-50vw;border-bottom:2px solid var(--tertiaryColor);overflow:hidden;transform:skewY(-5deg);transform-origin:top left}@media(max-width:375px){.about__picture{top:40px}}@media(min-width:1024px){.about__picture{display:flex;width:300px;height:300px;border:2px solid var(--tertiaryColor);border-radius:50%;justify-content:center;align-items:flex-start;top:initial;left:initial;transform:skewY(0)}}.about__picture img{transform:skewY(5deg)}@media(min-width:1024px){.about__picture img{transform:skewY(0)}}.about__social-networks-container{display:flex;gap:15px;margin-top:15px;padding-right:10px;justify-content:flex-end}@media not (max-width:375px){.about__social-networks-container{margin-top:20px}}@media(min-width:768px){.about__social-networks-container{margin-top:-25px;margin-bottom:20px}}@media(min-width:1024px){.about__social-networks-container{margin-top:0}}.about__social-network{display:flex}.about__social-network img{width:20px;height:20px}.about__info-container{display:flex;flex-direction:column;gap:10px;padding:0 20px}.about__info-container p,.about__info-container strong,.about__info-container span{color:var(--primaryColor)}.about__info-container li{display:flex;gap:5px;align-items:center;list-style:none}.about__list-check{display:flex}.about__list-check img{width:14px}.about__soft-skills-container{display:flex;justify-content:space-between;align-items:flex-end}.about__cv{display:flex}.about__cv img{height:35px}.section-title{width:max-content;margin-bottom:20px;padding:5px 10px;background-color:var(--tertiaryColor)}.section-title h3{font-family:var(--secondaryFont);font-size:18px;text-transform:uppercase;color:var(--primaryColor)}.button{display:flex;min-width:85px;min-height:36px;margin:10px auto 0;border:none;border-radius:5px;padding:7.5px 15px;justify-content:center;align-items:center;font-family:var(--secondaryFont);font-size:16px;text-transform:uppercase;color:var(--primaryColor);background-color:var(--tertiaryColor)}.button:hover{cursor:pointer;filter:brightness(95%)}.button--loading{padding:0 15px;background-color:var(--disabledColor)}.ripple{display:inline-block;position:relative}.ripple div{position:absolute;border:4px solid var(--primaryColor);opacity:1;border-radius:50%}.ripple div:nth-child(2){animation-delay:-.5s}.ripple--small{width:36px;height:36px}.ripple--small div{animation:ripple-small 1s cubic-bezier(0,.2,.8,1) infinite}.ripple--large{width:72px;height:72px}.ripple--large div{animation:ripple-large 1s cubic-bezier(0,.2,.8,1) infinite}@keyframes ripple-small{0%{top:18px;left:18px;width:0;height:0;opacity:0}4.9%{top:18px;left:18px;width:0;height:0;opacity:0}5%{top:18px;left:18px;width:0;height:0;opacity:1}to{top:0;left:0;width:36px;height:36px;opacity:0}}@keyframes ripple-large{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.contact{padding:20px 0;background-color:var(--primaryColor)}.contact__content{width:100%;padding:0 20px}@media(min-width:768px){.contact__content{max-width:550px;margin:0 auto}}.contact__form{display:flex;flex-direction:column;gap:15px}.contact__form input{width:100%;background-color:transparent}.contact__form textarea{max-width:100%;min-width:100%;min-height:150px;border-radius:5px;padding:6px}.contact__form input,.contact__form textarea{border:none;font-size:14px;outline:none}.contact__form input::placeholder,.contact__form textarea::placeholder{opacity:.75}.contact__input-container{display:flex;gap:5px;border-radius:5px;padding:6px;align-items:center;background-color:var(--secondaryColor)}.contact__input-container figure{flex:none;display:flex}.contact__input-container figure img{width:20px;height:20px}.double-arrow{display:flex;flex-direction:column;position:absolute;bottom:25px;animation:floating 1.5s infinite;z-index:1}.double-arrow:hover{cursor:pointer}.double-arrow__item{width:20px;height:20px;border-top:5px solid var(--secondaryColor);border-right:5px solid var(--secondaryColor);border-bottom:none;border-left:none;border-radius:4px;transform:rotate(135deg)}@keyframes floating{0%{bottom:25px}50%{bottom:35px}to{bottom:25px}}.experience{padding:20px 0;background-color:var(--primaryColor)}.experience__content{display:flex;flex-direction:column;gap:20px;padding:0 20px}.experience-item{display:flex;flex-direction:column;gap:5px}.experience-item:not(:last-child){padding-bottom:20px;border-bottom:1px dashed var(--tertiaryColor)}.experience-item__company-container{display:flex;gap:10px}.experience-item__company-container figure{display:flex}.experience-item__company-container figure img{border-radius:50%;width:50px;height:50px}.experience-item__company-info{display:flex;flex-direction:column;gap:5px}.experience-item__company-info strong,.experience-item__company-info span{color:var(--secondaryColor)}.experience-item__roles{margin-left:21px}.role-item{display:flex;gap:20px}.role-item__path{display:flex;flex-direction:column;gap:6px;margin-top:6px;align-items:center}.role-item__path-node{width:8px;height:8px;border-radius:50%;background-color:var(--tertiaryColor)}.role-item__path-line{width:2px;height:100%;background-color:var(--tertiaryColor)}.role-item__detail{display:flex;flex-direction:column}.role-item__name,.role-item__type,.role-item__date,.role-item__location,.role-item__description{color:var(--secondaryColor)}.role-item__type,.role-item__date,.role-item__location{font-size:14px}.role-item__date,.role-item__location{opacity:.75}.role-item__description{margin-top:5px}.role-item__description li{list-style:none;font-size:14px}.role-item:not(:last-child) .role-item__detail{padding-bottom:30px}.role-item:last-child .role-item__path-line{display:none}.footer{padding:20px;background-color:var(--primaryColor)}.footer p{text-align:center;color:var(--secondaryColor)}.header{width:100%;height:55px;display:flex;padding:10px 20px;justify-content:space-between;align-items:center;position:absolute;z-index:2}.header__menu{width:80vw;height:100vh;padding:20px;position:absolute;top:0;background-color:var(--primaryColor);transition:translate var(--animationTime)}@media(min-width:768px){.header__menu{width:initial;height:initial;padding:0;position:relative;top:initial;background-color:initial;transition:initial}}.header__menu-list{margin-top:50px;list-style:none}@media(min-width:768px){.header__menu-list{display:flex;flex-direction:row;gap:20px;margin-top:0}}.header__menu-list-item{padding:15px 0;text-align:center}@media(min-width:768px){.header__menu-list-item{padding:0}}.header__menu-list-item a{font-family:var(--secondaryFont);font-size:20px;text-transform:capitalize;text-decoration:none;color:var(--secondaryColor)}@media(min-width:768px){.header__menu-list-item a{font-size:16px;text-shadow:var(--textShadow)}}.header__menu-list-item a:hover{color:var(--tertiaryColor)}.logo{font-family:var(--tertiaryFont);font-size:28px;color:var(--secondaryColor);text-shadow:var(--textShadow);-webkit-user-select:none;user-select:none;-webkit-text-stroke:.1px var(--tertiaryColor);transition:opacity var(--animationTime)}.menu-icon{height:20px;display:flex;flex-direction:column;margin-left:auto;justify-content:space-between;z-index:1}@media(min-width:768px){.menu-icon{display:none}}.menu-icon:hover{cursor:pointer}.menu-icon__item{width:30px;height:2px;border-radius:1px;position:relative;background-color:var(--secondaryColor);box-shadow:var(--boxShadow);transition:rotate var(--animationTime),top var(--animationTime),bottom var(--animationTime),opacity var(--animationTime)}.hero{height:100vh;display:flex;justify-content:center;position:relative}.hero:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0006}.hero:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(https://statics.naftan.dev/images/hero-3353x2514.webp);background-repeat:no-repeat;background-size:cover;background-position:center}@media not (max-width:768px){.hero:before{background-attachment:fixed}}.hero__info-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:50%;z-index:1}.hero__name,.hero__role{text-transform:uppercase;font-family:var(--secondaryFont);color:var(--secondaryColor);text-shadow:var(--textShadow)}.hero__name{font-size:30px}@media(min-width:768px){.hero__name{font-size:50px}}.hero__role{font-size:18px;-webkit-text-stroke:.7px var(--tertiaryColor)}@media(min-width:768px){.hero__role{font-size:30px}}.project-section{width:100%;display:flex;flex-direction:column;gap:25px;align-items:center}@media(min-width:1024px){.project-section{flex-direction:row;align-items:flex-start}.project-section--revert{flex-direction:row-reverse}}.project-section:not(:last-child){margin-bottom:30px;border-bottom:1px dashed var(--tertiaryColor);padding-bottom:30px}.project-section__picture{display:flex;align-items:center}.project-section__picture img{width:100%;max-width:680px;height:100%;max-height:400px;border-radius:5px}.project-section__info{display:flex;flex-direction:column;gap:10px}.project-section__info-title,.project-section__info-description{text-align:center;color:var(--secondaryColor)}@media(min-width:1024px){.project-section__info-title,.project-section__info-description{text-align:left}}.project-section__info-title{font-family:var(--secondaryFont);font-weight:400}.project-section__info-title--project-title{font-size:18px}@media(min-width:1024px){.project-section__info-title{font-size:18px}.project-section__info-title--project-title{font-size:22px}}.project-section__tech-stack{display:flex;flex-direction:column;gap:30px;margin-top:20px}.project-section__tech-stack-container{display:flex;flex-direction:column;gap:15px}.project-section__tech-stack-icons-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@media(min-width:1024px){.project-section__tech-stack-icons-container{justify-content:flex-start}}.project-section__tech-stack-icons-container figure{display:flex}.project-section__tech-stack-icons-container figure img{width:35px;height:35px}.project-section__url{width:fit-content;margin:0 auto;font-size:14px;color:var(--tertiaryColor);text-decoration:none}@media(min-width:1024px){.project-section__url{margin:0 auto 0 0}}.projects{padding:20px 0;background-color:var(--primaryColor)}.projects__container{display:flex;flex-direction:column;padding:0 20px}.skills{padding:20px 0;background-color:var(--secondaryColor)}.skills__content{display:flex;flex-direction:column;padding:0 20px}.skills__info-container{display:flex;flex-direction:column;gap:50px;margin-bottom:50px;padding-bottom:50px;position:relative;align-items:center}.skills__info-container:before{content:"";display:block;width:50%;height:1px;position:absolute;bottom:0;background-color:var(--primaryColor);opacity:.5}.skills__info-item{display:flex;flex-direction:column;gap:10px;align-items:center}.skills__info-item p{text-align:center}.skills__info-item-icon{display:flex}.skills__info-item-icon img{width:125px}.skills__technologies-container{display:flex;flex-direction:column;align-items:center}.skills__technologies-icons-container{width:100%;max-width:725px;display:flex;flex-wrap:wrap;gap:25px;position:relative;justify-content:center}.skills__technologies-icons-container:not(:last-child){margin-bottom:25px;padding-bottom:25px}.skills__technologies-icons-container:not(:last-child):before{content:"";display:block;width:50%;height:1px;border-bottom:1px dashed var(--tertiaryColor);position:absolute;bottom:0}.skills__technologie-icon{width:50px;display:flex;flex-direction:column;gap:5px;align-items:center}.skills__technologie-icon img{width:100%;height:50px}.skills__technologie-icon figcaption{font-size:12px;text-align:center}@media(min-width:1100px){.skills__technologie-icon{margin:0 10px}}