:root{--header-height: 3rem;--hue: 0;--sat: 0%;--logo-color: #9A93FA;--title-color: #FFFFFF;--logo-color-dark: rgb(84, 108, 196);--text-color: #FFFEFD;--header-text-color: hsl(var(--hue), var(--sat), 100%);--body-color: #0D1117;--container-color: #000000;--header-color: rgba(23, 21, 38, 1);--body-font: "Roboto", sans-serif;--big-font-size: 3rem;--normal-font-size: 1.1rem;--small-font-size: .875rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--font-thin: 300;--font-normal: 400;--font-medium: 500;--font-bold: 700;--mb-0-25: .25rem;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{position:relative;background-color:var(--body-color);color:var(--text-color);height:2000px}h1,h2,h3{color:var(--title-color);font-weight:var(--font-medium)}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}.section{padding:6rem 0 2rem}.section__title{position:relative;font-size:var(--h1-font-size);color:var(--title-color)}.section__title:after{position:absolute;content:"";top:-30%;left:50%;transform:translate(-50%);width:300px;height:5px;background-color:var(--logo-color-dark)}.section__subtitle{display:block;font-size:var(--normal-font-size);margin-bottom:4rem}.section__title,.section__subtitle{text-align:center}.container{max-width:1068px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:.5rem}@media screen and (max-width: 576px){.section__title:after{width:100px}}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:var(--logo-color);outline:1px solid var(--logo-color-dark)}.about__data{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:center}.about__description{max-width:600px}.about__description{display:flex;flex-direction:column;gap:2rem}.about__info,.about__hobbies{line-height:1.6rem}.highlight{color:var(--logo-color)}.hobby__img{justify-self:end;width:300px;border:2px solid var(--logo-color-dark)}.skillset__data{margin:0 auto 30px}.skillset__list{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}.skillset__item{border:2px solid var(--logo-color-dark);border-radius:10px;width:180px;height:140px;display:flex;justify-content:center;align-items:center;transition:transform .5s ease-in-out;position:relative;overflow:hidden}.skillset__item:hover{transform:scale(1.1)}.skillset__icon i{font-size:5rem}.skillset__item:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(60deg,#3f6dee,#8e37eb,#ed40c5,#eb3d40,#ebbc3d,#97ed3b,#2df05b,#36ece9);background-size:300% 300%;background-position:0 50%;border-radius:10px;animation:moveGradient 4s alternate infinite}@keyframes moveGradient{50%{background-position:100% 50%}}.timeline__data{display:flex;flex-direction:column;position:relative;gap:2rem}.timeline__data:after{position:absolute;content:"";background-color:var(--logo-color-dark);opacity:.5;width:5px;height:110%;top:-5%;margin-left:534px}.timeline__item{width:400px}.timeline__item:nth-child(odd){align-self:flex-start;margin-left:5rem}.timeline__item:nth-child(2n){align-self:flex-end;margin-right:5rem}.timeline__title{position:relative;padding:10px;text-align:center;background-color:var(--logo-color-dark);border-radius:10px 10px 0 0}.timeline__item:nth-child(odd) .timeline__title:after{position:absolute;content:"";background-color:var(--logo-color);border-radius:50%;width:20px;height:20px;top:25%;left:111.5%;box-shadow:0 0 0 3px #fff;z-index:10}.timeline__item:nth-child(odd) .timeline__title:before{position:absolute;content:"";background-color:var(--logo-color);width:40px;height:40px;top:0;left:-5%;box-shadow:0 0 0 3px #ccc;z-index:10;transform:rotate(45deg)}.timeline__item:nth-child(2n) .timeline__title:after{position:absolute;content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;top:25%;left:-15.3%;box-shadow:0 0 0 3px var(--logo-color);z-index:10}.timeline__item:nth-child(2n) .timeline__title:before{position:absolute;content:"";background-color:var(--logo-color);width:40px;height:40px;top:0;right:-5%;box-shadow:0 0 0 3px #ccc;z-index:10;transform:rotate(45deg)}.timeline__description{padding:10px;border:1px solid var(--logo-color-dark);border-radius:0 0 10px 10px}.section__title{font-size:2.5rem}.section__subtitle{width:100%;margin:50px auto;font-weight:var(--font-medium);font-size:2rem}.section__subtitle:after{position:absolute;content:"";width:15px;height:15px;background-color:var(--logo-color-dark);transform:rotate(45deg);margin-left:5px}@media screen and (max-width: 1081px){.about__description{max-width:400px}.hobby__img{width:250px}.skillset__list{grid-template-columns:repeat(4,1fr);gap:2rem}.timeline__item{width:300px}.timeline__data:after{display:none}}@media screen and (max-width: 961px){.skillset__item{width:160px;height:140px}}@media screen and (max-width: 768px){.about__data{grid-template-columns:auto;grid-template-rows:repeat(2,1fr);justify-self:center}.hobby__img{justify-self:center;width:300px}.skillset__list{grid-template-columns:repeat(3,1fr);gap:2rem}.skillset__item{width:140px;height:120px}.skillset__icon i{font-size:4rem}}@media screen and (max-width: 576px){.skillset__list{grid-template-columns:repeat(2,1fr);gap:2rem}.timeline__data:after{display:none}.timeline__item:nth-child(odd){margin:auto}.timeline__item:nth-child(2n){margin:auto}}@media screen and (max-width: 421px){.timeline__item:nth-child(odd) .timeline__title:after{display:none}.timeline__item:nth-child(2n) .timeline__title:after{display:none}}@media screen and (max-width: 350px){.timeline__item:nth-child(odd) .timeline__title:after{display:none}.timeline__item:nth-child(2n) .timeline__title:after{display:none}}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.star{position:absolute;background-color:#fff;width:2px;height:2px;animation:twinkling 10s infinite}@keyframes twinkling{0%,to{opacity:0}50%{opacity:1}}.contact__form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;border:2px solid var(--logo-color-dark);border-radius:10px;width:600px;padding:3rem;margin:auto}.contact__icon{position:absolute;margin:5px;font-size:1.6rem}.form__title{color:var(--logo-color);font-size:1.4rem}.list__input{display:flex;flex-direction:column;align-items:center;gap:2rem}.input__item{position:relative}input.input__content{height:50px;border:none}textarea{resize:none}.input__content{width:400px;border-radius:5px;font-size:var(--normal-font-size);background-color:var(--text-color);outline:none;padding:10px}.input__label{position:absolute;top:10px;left:10px;color:var(--text-color);background-color:var(--logo-color);padding:5px;border-radius:5px;transition:transform ease-out .3s;transform:translate(0);opacity:0}.input__label.active{transform:translate(300px,-30px);opacity:1}.send__btn{position:relative}.send__btn input{border-radius:5px;width:150px;height:40px;border:1px solid var(--text-color);background-color:var(--logo-color);font-size:1.3rem;color:var(--text-color)}.send__btn input:hover{cursor:pointer}.send__btn:hover{opacity:.8;cursor:pointer}@media screen and (max-width: 768px){.contact__form{width:450px}.input__content{width:350px}.input__label.active{transform:translate(250px,-30px)}}@media screen and (max-width: 576px){.contact__form{width:300px}.input__content{width:250px;font-size:1rem}input.input__content{height:40px}.section__title{font-size:2rem}.send__btn input{font-size:1rem}.input__label.active{transform:translate(150px,-30px)}}.footer{width:100%;background-color:var(--header-color)}.copyright__data{height:50px;display:flex;align-items:center;justify-content:center}.copyright__text{font-size:1.1rem}i.source__icon{font-size:2rem;margin-left:10px;color:var(--logo-color)}i.source__icon:hover{opacity:.7}@media screen and (max-width: 1081px){.container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}}@media screen and (max-width: 576px){footer{position:relative;bottom:50px}}.header{width:100%;position:fixed;top:0;left:0;z-index:100}.header-scrolled{background-color:var(--header-color);transition:background-color .3s ease-in}.nav{height:calc(var(--header-height) + 1.5rem);display:flex;justify-content:space-between;align-items:center}.nav__logo{font-weight:var(--font-bold);font-size:1.2rem;color:var(--logo-color);text-shadow:3px -1px 8px rgba(79,63,178,1)}.nav__list{display:flex;column-gap:1.5rem}.nav__link{color:var(--title-color);font-weight:var(--font-medium);position:relative}.nav__link:after{content:"";display:block;position:absolute;border-radius:5px;top:100%;width:100%;height:5px;background-color:var(--logo-color-dark);transform:scaleX(0);transform-origin:bottom left;transition:transform .3s ease-in-out}.nav__close,.nav__toggle{display:none}.active-link:after,.nav__link:hover:after{transform:scaleX(1);transform-origin:bottom left}@media screen and (max-width: 768px){.nav__link{display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 576px){.header{top:inherit;bottom:0;background-color:var(--header-color)}.nav{height:var(--header-height)}.nav__menu{position:fixed;bottom:-100%;left:0;width:100%;background-color:var(--header-color);padding:2rem 1.5rem 3.5rem;box-shadow:0 -1px 4px #5e5e5ecc;border-radius:1.5rem 1.5rem 0 0;transition:.3s}.show-menu{bottom:0}.nav__list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.nav__close,.nav__toggle{font-size:1.5rem;display:block;cursor:pointer}.nav__close:hover,.nav__toggle:hover{color:var(--logo-color-dark)}.nav__icon,.nav__link{font-size:1rem}.nav__close{position:absolute;right:.5rem;font-size:1.5rem;padding:2px;margin:8px 4px 0;cursor:pointer;color:var(--logo-color-dark)}.nav__link:after{width:50%}}.home__content{grid-template-columns:300px 2fr 1fr;padding-top:5.5rem;column-gap:4rem;align-items:center}.home__img{position:relative;background:url(/assets/avatar-B3n2z0lV.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:300px;height:300px;border-radius:50%;box-shadow:0 0 0 1px #6d4295cc}.corner{position:absolute;background-color:var(--logo-color)}.top-left{top:-10px;left:-10px;width:40px;height:10px;animation:expColTopLeft 2s infinite alternate}.top-right{top:-10px;right:-10px;width:40px;height:10px;animation:expColTopRight 2s infinite alternate}.bottom-left{bottom:-10px;left:-10px;width:40px;height:10px;animation:expColBotLeft 2s infinite alternate}.bottom-right{bottom:-10px;right:-10px;width:40px;height:10px;animation:expColBotRight 2s infinite alternate}.top-left:before{position:absolute;content:"";width:10px;height:40px;background-color:var(--logo-color);left:0}.top-right:before{position:absolute;content:"";width:10px;height:40px;background-color:var(--logo-color);right:0}.bottom-left:before{position:absolute;content:"";width:10px;height:40px;background-color:var(--logo-color);bottom:0}.bottom-right:before{position:absolute;content:"";width:10px;height:40px;background-color:var(--logo-color);bottom:0;right:0}@keyframes expColTopLeft{0%,to{transform:translate(-5px,-5px)}50%{transform:translate(5px,5px)}}@keyframes expColTopRight{0%,to{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}}@keyframes expColBotLeft{0%,to{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}}@keyframes expColBotRight{0%,to{transform:translate(-5px,-5px)}50%{transform:translate(5px,5px)}}.home__img:hover{animation:avaFrame 3s ease-in-out infinite}.home__social{display:grid;grid-template-columns:max-content;row-gap:1rem;justify-self:end}.home__social-icon{position:relative;font-size:2rem;color:var(--logo-color)}.home__social-icon:hover{color:var(--logo-color-dark)}.home__social-icon:after{position:absolute;content:attr(data-content);display:none;padding:5px;border-radius:3px;background-color:#f1e0e080;color:#fff;font-size:var(--small-font-size);bottom:18%;right:100%;width:auto;white-space:nowrap;overflow:visible}.home__social-icon:hover:after{display:inline-block;transition:10s ease-in}.home__title{color:var(--logo-color);font-size:var(--big-font-size);margin-bottom:var(--mb-0-25)}.home__subtitle{position:relative;font-size:var(--h3-font-size);padding-left:3.5rem;font-weight:var(--font-normal);margin:10px 0;display:flex;align-items:center;gap:.5rem}.home__subtitle-icon{font-size:2rem}.home__description{max-width:500px;position:relative}.quote{margin-left:20px}.quote:before{content:"";position:absolute;background-color:var(--logo-color-dark);width:15px;height:15px;left:0;transform:rotate(45deg)}@media screen and (max-width: 992px){.home__title{font-size:calc(var(--big-font-size) - 1rem)}.home__subtitle{padding-left:0}}@media screen and (max-width: 768px){.section{padding:6rem 0 4rem}.home__content{grid-template-columns:1fr}.home__img{margin:auto}.home__data{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px 0}.home__social{display:flex;gap:1rem}.home__social-icon:hover:after{display:none}}@media screen and (max-width: 576px){.home__content{padding-top:2rem}}@media screen and (max-width: 350px){.home__img{width:250px;height:250px}}.project__subtitle{display:flex;justify-content:center;font-size:1.1rem}.project__data{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;margin-top:2rem}.project__item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px solid var(--logo-color-dark);gap:1rem}.project__item .frame{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;z-index:-100}.project__item .frame:before{content:"";position:absolute;top:50%;left:50%;width:1000px;height:160px;background:linear-gradient(transparent,#5d97e7,#5d97e7,#5d97e7,transparent);animation:animate 4s linear infinite;animation-play-state:paused}.project__item:hover .frame:before{animation-play-state:running}.project__item .frame:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--container-color)}@keyframes animate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.project__title{display:flex;align-items:center;justify-content:center;width:80%;height:8%;background-color:var(--logo-color-dark);font-size:1.5rem;font-weight:var(--font-bold);margin-top:1rem}.project__img{width:250px;height:250px;box-shadow:0 0 0 1px #6d4295cc}.project__description{max-width:350px;margin:.5rem}.project__description a{color:red}.projects__btns{display:flex;margin-top:auto}.project__source,.project__demo{display:flex;align-items:center;padding:.5rem 1rem;margin:1rem .8rem;outline:1px solid var(--logo-color-dark);color:var(--text-color)}.project__demo{background-color:var(--logo-color-dark)}.btn__icon{margin-right:3px}.project__source:hover,.project__demo:hover{opacity:.8}@media screen and (max-width: 1081px){.project__data{grid-template-columns:repeat(2,1fr)}.project__img{width:280px}.project__description{max-width:280px}}@media screen and (max-width: 768px){.project__data{grid-template-columns:repeat(1,500px);justify-content:center}.project__title{width:60%}.project__img{width:280px}.project__description{max-width:350px}}@media screen and (max-width: 576px){.project__data{grid-template-columns:repeat(1,300px);justify-content:center}.project__title{width:80%}.project__img{width:240px}.project__description{margin:0 1rem}}.scrollUp{position:fixed;right:2rem;bottom:-5rem;font-size:3rem;color:var(--logo-color-dark);cursor:pointer;transition:transform .3s ease-in}.scrollUp:hover{opacity:.8}.scrollUp.active{transform:translateY(-10rem)}@media screen and (max-width: 768px){.scrollUp{display:none}}