.social__button{cursor:pointer;width:45px;height:45px;border-radius:50px;border:none;background:linear-gradient(120deg,#833ab4,#fd1d1d,#fcb045);position:relative;z-index:0;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:.1s}.social__button svg{color:#fff;width:30px;height:30px;z-index:9}.social__button:nth-child(2){background:linear-gradient(120deg,#02ff2c,#008a12)}.social__button:nth-child(3){background:#45bbff}.social__button:nth-child(4){background:#ff2121}.social__button:nth-child(5) svg{color:var(--clr-slate600)}.social__button:nth-child(5){background:var(--clr-light)}.social__button:active{transform:scale(.85)}.social__button:before{content:"";position:absolute;width:40px;height:40px;background-color:#212121;border-radius:50px;z-index:-1;border:0px solid rgba(255,255,255,.411);transition:.4s}.social__button:hover:before,.social__button:active:before{width:0px;height:0px}.career__title{display:block;text-align:center;position:relative;font-size:var(--size-2xl)}.career__title:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:80%;transform:translate(10%);background:var(--clr-light);border-radius:10px}.career__timeline{display:flex;flex-wrap:wrap;--year-width: 5rem;margin-top:3rem;position:relative}.career__timeline:after{content:"";position:absolute;top:0;left:calc(var(--year-width) / 2);width:2px;height:100%;transform:translate(-1px);background:var(--clr-blue);border-radius:9px;z-index:-1}.career__year-wrap{transition:all .4s;position:relative}.career__year-wrap p:first-of-type{filter:drop-shadow(1px 1px 0px var(--clr-slate950)) drop-shadow(2px 2px 0px var(--clr-slate950)) drop-shadow(2.5px 2.5px 0px var(--clr-slate950)) drop-shadow(0px 4px 10px var(--clr-purple));transform:translateY(2px);font-size:var(--size-sm)}.career__year-wrap-light p:first-of-type{color:var(--clr-red800);filter:none;background:var(--clr-slate950);border-radius:5px}.career__year-wrap p:first-of-type:after{content:"";position:absolute;bottom:0%;left:50%;width:6px;height:1px;background:var(--clr-slate200);transform:translate(-2px) translateY(-1px);filter:drop-shadow(1px 1px 0px var(--clr-slate950)) drop-shadow(2px 2px 0px var(--clr-slate950))}.career__year-wrap p:last-of-type,.career__year_solo{filter:drop-shadow(1px 1px 0px var(--clr-slate950)) drop-shadow(2px 2px 0px var(--clr-slate950)) drop-shadow(2.5px 2.5px 0px var(--clr-slate950)) drop-shadow(0px 4px 5px var(--clr-green400));font-size:var(--size-base)}.career__year-wrap-light p:last-of-type,.career__year_solo-light{color:var(--clr-emerald);filter:none;background:var(--clr-slate950);border-radius:5px}.career__year-wrap:hover{transform:translateY(.3em)}.career__year{display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--year-width);min-height:var(--year-width);font-family:Courier New,Courier,monospace;font-weight:800;color:var(--clr-light)}.career__card{display:flex;justify-content:space-between;gap:.5rem;position:relative;margin:.5rem;padding-left:.2rem;padding-right:.2rem;padding-top:.5rem;align-content:center;font-size:var(--size-xs);width:calc(100% - var(--year-width) - 1.5rem)}.career__card strong{font-size:var(--size-lg)}.career__card_img{width:4em;height:auto}@media (min-width: 475px){.career__title{font-size:var(--size-3xl)}.career__timeline{margin-top:4rem}.career__timeline:after{width:3px;transform:translate(-1.5px)}.career__year-wrap p:first-of-type{font-size:var(--size-base)}.career__year-wrap p:last-of-type,.career__year_solo{font-size:var(--size-lg)}.career__card{margin:1rem;padding-right:0;font-size:var(--size-sm);width:calc(100% - var(--year-width) - 2rem)}.career__card strong{font-size:var(--size-xl)}.career__card_img{width:4.5em}}@media (min-width: 640px){.career__timeline{margin-left:.5rem;margin-top:5rem}.career__title{font-size:var(--size-4xl)}.career__timeline:after{width:4px;transform:translate(-2px)}.career__year-wrap p:first-of-type{font-size:var(--size-lg)}.career__year-wrap p:last-of-type,.career__year_solo{font-size:var(--size-2xl)}.career__card{padding-left:2rem;font-size:var(--size-base)}.career__card strong{font-size:var(--size-2xl)}}@media (min-width: 768px){.career__timeline{margin-top:6rem}.career__year-wrap p:first-of-type{font-size:var(--size-xl)}.career__year-wrap p:last-of-type,.career__year_solo{font-size:var(--size-3xl)}.career__card{padding-left:4rem;font-size:var(--size-lg)}.career__card strong{font-size:var(--size-3xl)}}@media (min-width: 1024px){.career__timeline{margin-left:6rem;margin-right:6rem}.career__card{padding-left:7rem}}@media (min-width: 1280px){.career__timeline{margin-left:12rem;margin-right:12rem}.career__card{padding-left:10rem}.career__card_img{width:5em;filter:none}}.projects__title{font-size:var(--size-xl);margin:1.5rem;text-align:center}.projects__carousel-container{display:flex;justify-content:center;overflow-x:scroll;padding:1rem 0;scroll-snap-type:x mandatory}.projects__carousel-container ul{list-style:none}.projects__card{display:flex;flex-direction:column;justify-content:start;width:290px;min-height:480px;border:2px solid var(--clr-slate400);border-radius:10px;background:linear-gradient(to right,var(--clr-slate600) 0%,var(--clr-slate950) 20%,var(--clr-slate950) 75%,var(--clr-slate600) 100%);position:relative;transition:.4s}.projects__card__img{aspect-ratio:1;width:290px;height:150px;object-fit:cover;border-radius:10px 10px 0 0;border-bottom:1px solid black;border-right:1px solid black;box-shadow:1px 2px 4px var(--clr-dark);object-position:50% center;object-fit:contain}.projects__card__descr-wrapper{padding:10px;display:grid;text-align:center}.projects__card__title{font-size:var(--size-2xl);border-bottom:1px solid var(--clr-slate600);color:var(--clr-red600);font-weight:900;margin-top:.8rem;margin-bottom:.8rem;letter-spacing:.05em}.projects__card__hook{font-size:var(--size-base);color:var(--clr-yellow);margin-bottom:.8rem}.projects__card__description{font-size:var(--size-xs);color:var(--clr-light);text-align:center}.projects__card__links{font-size:var(--size-xs);text-decoration:none;padding-right:.4rem;padding-left:.4rem;flex:1;display:flex;justify-content:flex-end;align-items:flex-end}.projects__card__links a{text-decoration:none;font-weight:600;letter-spacing:.1em}.projects__card__links a:hover{text-decoration:underline}.projects__carousel-items{display:flex;overflow-x:scroll;padding:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.projects__carousel-item{flex:1 0 200;margin-left:1rem;scroll-snap-align:center}.projects__card.invisible{transform:scale(.95)}.projects__subtitle{font-size:var(--size-lg);margin:2rem 2rem 1rem;text-align:center;color:var(--clr-slate400)}.projects__skills-wrapper{border-top:2px solid var(--clr-light);border-bottom:1px solid var(--clr-light);box-shadow:1px 1px 10px var(--clr-light)}.projects__skills-container{display:flex;justify-content:center;--logo-width: 50px;width:100vw;height:calc(var(--logo-width) + 4rem);overflow:hidden;background-color:var(--clr-transparent-grey);position:relative}.projects__skill,.projects__skill2{position:absolute;height:calc(var(--logo-width) + 4rem);width:calc(var(--logo-width) + 4rem);top:0;right:calc(calc(var(--logo-width) + 4rem) * -1);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--clr-slate400);font-size:var(--size-base);animation:scrollLogoAnimation 14s infinite linear}.projects__skill2{animation:scrollLogoAnimation 8s infinite linear reverse}@keyframes scrollLogoAnimation{to{transform:translate(-880px)}}.projects__skill-img{height:var(--logo-width);width:auto}@media (min-width: 475px){.projects__title{font-size:var(--size-2xl);margin:2rem}.projects__carousel-container{padding:1.5rem 0}.projects__card{width:340px;height:500px}.projects__card__img{width:340px}.projects__card__title{margin-top:1rem;margin-bottom:1rem;letter-spacing:.06em}.projects__card__hook{margin-bottom:1rem}.projects__card__links{font-size:var(--size-sm);padding-right:.6rem}.projects__card__links a{text-decoration:none;letter-spacing:.14em}.projects__carousel-items{padding-left:2rem;padding-right:2rem}.projects__carousel-item{flex:1 0 300;margin-left:1.2rem}.projects__card.invisible{transform:scale(.92)}.projects__subtitle{font-size:var(--size-xl);margin-bottom:1.5rem}.projects__skills-container{--logo-width: 60px}}@media (min-width: 640px){.projects__title{font-size:var(--size-3xl);margin:3rem}.projects__card{width:400px;height:530px}.projects__card__img{width:400px;height:180px}.projects__card__title{font-size:var(--size-3xl);margin-top:1.4rem;margin-bottom:1.4rem}.projects__card__hook{font-size:var(--size-lg);margin-bottom:1.4rem}.projects__card__descr-wrapper{padding:14px}.projects__card__links{padding-right:.8rem}.projects__carousel-items{padding-left:3rem;padding-right:3rem}.projects__card.invisible{transform:scale(.9)}.projects__subtitle{font-size:var(--size-2xl);margin-bottom:2rem}}@media (min-width: 768px){.projects__card{width:480px;height:560px}.projects__card__img{width:480px;height:200px}.projects__card__title{font-size:var(--size-4xl)}.projects__card__description{font-size:var(--size-sm)}.projects__card__links{font-size:var(--size-base);padding-right:1rem}.projects__card.invisible{transform:scale(.86)}.projects__subtitle{margin-bottom:2.5rem}.projects__skills-wrapper,.projects__skills-container{position:inherit}.projects__skill,.projects__skill2{position:inherit;animation:none}}@media (min-width: 1024px){.projects__card{width:480px;height:640px}.projects__card__img{width:480px;height:220px}.projects__card__title{font-size:var(--size-4xl)}.projects__card__hook{font-size:var(--size-xl);margin-bottom:2rem}.projects__card__description{font-size:var(--size-base)}.projects__carousel-items{display:flex;flex-wrap:wrap;padding:0;gap:.5rem;justify-content:space-around}.projects__carousel-item{margin:auto}.projects__card.invisible{transform:scale(1)}.projects__subtitle{margin-bottom:2.5rem}}@media (min-width: 1280px){.projects__card{width:540px;height:620px}.projects__card__img{width:540px;height:220px}.projects__carousel-items{gap:4rem}.projects__subtitle{margin:4rem}}.contact__container{margin-bottom:8rem;position:relative;min-height:600px}.contact__title{color:var(--clr-light);text-align:center;font-family:Ephesis,serif;font-weight:400;font-style:normal;font-size:var(--size-4xl);position:relative;margin-bottom:2rem}.contact__hook{font-size:var(--size-sm);color:var(--clr-yellow);font-weight:200;letter-spacing:1.4px;padding:.8rem;margin-bottom:.4rem;text-align:justify}.contact_style-wrapper{position:relative}.contact__style{content:"";position:absolute;top:80px;left:0;width:100vw;height:14vh;background-color:var(--clr-transparent-purple-3)}.contact__syle-form{display:block;position:absolute;top:20px;left:16px;min-width:320px;background-color:var(--clr-slate950);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:4px 4px 15px var(--clr-slate200);font-size:var(--size-sm);border-radius:6px}.contact__contact-form{margin:1rem;padding:1rem .4rem;display:block}.contact__name,.contact__mail,.contact__message,.contact__send-input{display:flex;flex-direction:column;align-items:start;color:var(--clr-light);margin:.6rem}.contact__contact-input::placeholder{color:var(--clr-slate400)}.contact__contact-input,.contact__send-input{font-size:var(--size-sm);padding:.4rem;background:var(--clr-transparent-purple-1);color:var(--clr-light);border:none;box-shadow:inset -1px -1px 0 var(--clr-transparent-purple-5),inset -2px -2px 0 var(--clr-transparent-purple-5),inset -2px -3px 0 var(--clr-transparent-purple-5);border-radius:4px}.contact__send-input{margin:auto}.contact__contact-input{width:100%}.contact__contact-input:focus{outline:none;box-shadow:1px 1px 15px var(--clr-sky)}.contact__send-input{background:linear-gradient(to right,var(--clr-transparent-purple-1) 0%,var(--clr-purple) 60%,var(--clr-transparent-purple-1) 100%)}.contact__send-input:active,.contact__send-input:focus{background:linear-gradient(to right,var(--clr-transparent-purple-5) 0%,var(--clr-dark) 60%,var(--clr-transparent-purple-5) 100%);box-shadow:2px 3px 20px var(--clr-transparent-purple-5)}.contact__honeypot{display:none;visibility:hidden}@media (min-width: 475px){.contact__container{min-height:800px}.contact__title{font-size:var(--size-5xl);margin-bottom:2.4rem;margin-top:4rem}.contact__hook{font-size:var(--size-base);padding:1.2rem;margin-bottom:.6rem}.contact__style{top:100px;height:16vh}.contact__syle-form{top:40px;left:50px;min-width:360px;font-size:var(--size-base)}.contact__contact-form{margin:1.2rem}.contact__contact-input,.contact__send-input{font-size:var(--size-base);padding:.6rem}}@media (min-width: 640px){.contact__container{min-height:1000px}.contact__title{font-size:var(--size-6xl);margin-bottom:3rem}.contact__hook{font-size:var(--size-lg);padding:1.4rem;margin-bottom:1rem}.contact__style{top:140px;height:18vh}.contact__syle-form{left:100px;font-size:var(--size-lg)}.contact__contact-form{padding:1rem .4rem}.contact__name,.contact__mail,.contact__message{margin:1rem}.contact__contact-input,.contact__send-input{font-size:var(--size-lg);padding:1rem}}@media (min-width: 768px){.contact__title{font-size:var(--size-7xl)}.contact__syle-form{font-size:var(--size-xl);min-width:35rem}.contact__hook{font-size:var(--size-xl);margin-bottom:1.5rem}}@media (min-width: 1024px){.contact__container{min-height:1200px}.contact__title{font-size:var(--size-8xl)}.contact__hook{font-size:var(--size-2xl);padding:1.8rem}.contact__style{height:22vh}.contact__syle-form{font-size:var(--size-xl);min-width:40rem}.contact__contact-input,.contact__send-input{font-size:var(--size-xl);padding:1.5rem}}@media (min-width: 1280px){.contact__syle-form{left:25%}}
