*{margin:0;padding:0;box-sizing:border-box}:root{--accent: plum;--color-primary: #fff;--color-primary-o: rgba(255, 255, 255, .6);--color-skills: #fff;--bk-main: #161616;--bk-header: rgba(34, 34, 34, .8);--bk-btn: linear-gradient(to right, #008080, #9966cc, #008080);--bk-card: #202020;--bk-glow: #008080;--bk-purple: 153, 102, 204;--bk-accent: 66, 163, 253;--bk-purpletwo: #533781;--fz-h2: 5rem;--bk-stack: #353535}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Geist,sans-serif;font-size:1.6rem;line-height:1.6;background-color:var(--bk-main);color:var(--color-primary)}body>:not(.header){padding:0 20px}h1,h2,h3,h4,h5,h6{line-height:1.2}a{text-decoration:none;color:var(--color-primary)}.act{color:teal}.container{max-width:1200px;margin:0 auto}.glow{position:absolute;z-index:-1;pointer-events:none;background:transparent;visibility:hidden;box-shadow:0 0 20rem 10rem var(--bk-glow)}.glow-one{visibility:visible;left:20rem}.glow-two{visibility:visible;right:20rem}.header{background-color:var(--bk-header);position:fixed;border-bottom:1px solid rgba(255,255,255,.1);width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.header__container{display:flex;align-items:center;padding:15px 20px;flex-wrap:wrap}.header__logo{font-size:2.5rem;font-weight:800}.header__nav{margin-left:auto}.header__burger{visibility:hidden;background:none;border:none;font-size:3rem;color:var(--color-primary)}.header__list{display:flex;list-style:none;gap:15px;color:var(--color-primary)}.header__list:after{content:"|";opacity:.7}.header__link{text-decoration:none;opacity:.8;transition:opacity .3s ease}.header__link:hover{opacity:1}.header__switcher{font-size:1.6rem;opacity:.6;transition:opacity .3s ease;margin-left:10px;color:var(--color-primary);background:none;border:none}.header__switcher:hover{opacity:1}.hero{padding-top:15rem;position:relative;z-index:1}.hero__container{display:flex;flex-wrap:wrap}.hero__content{display:flex;flex-direction:column;position:relative;justify-content:center;max-width:50rem}.hero__content:before{position:absolute;content:"";z-index:-1;box-shadow:0 0 20rem 10rem var(--bk-glow);pointer-events:none}.hero__spec{opacity:.7;letter-spacing:.2rem;text-transform:uppercase;font-weight:300;transition:opacity .3s ease;margin-bottom:.8rem;animation:fadeIn 1s ease-out forwards}.hero__spec:hover{opacity:1}.hero__title{font-size:6rem;margin-bottom:1.5rem}.hero__text{font-size:2rem;margin-bottom:1.5rem;color:var(--color-primary-o)}.hero__avatar{max-width:400px;border-radius:50%;margin-left:auto;box-shadow:0 2rem 5rem 0 var(--bk-glow);pointer-events:none}.hero__buttons{display:flex;align-items:center;gap:2rem}.hero__btn{display:inline-block;border:none;background:var(--bk-btn);text-align:center;padding:15px;border-radius:1.2rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary);scale:1;transition:scale .3s ease}.hero__btn:hover{scale:1.1}.hero__contactbtn{display:inline-block;text-align:center;border:2px solid var(--color-primary-o);padding:15px;border-radius:1.2rem;text-transform:uppercase;color:var(--color-primary);scale:1;transition:scale .3s ease,border .3s ease;margin-right:15px;letter-spacing:2px}.hero__contactbtn:hover{scale:1.05;border:2px solid var(--color-primary)}.skill{margin-top:15rem}.skill__title{display:flex;justify-content:center;font-size:var(--fz-h2);position:relative;animation:zoomIn .4s ease-out forwards}.skill__title:after{position:absolute;content:"";width:5rem;height:5px;border-radius:5px;bottom:-1rem;background:var(--accent)}.skill__title:before{position:absolute;content:"";bottom:-8rem;z-index:-1;box-shadow:0 0 20rem 10rem var(--bk-glow);pointer-events:none}.skill__grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;justify-items:center}.skill__list{display:flex;height:100%;width:100%;align-items:center;color:var(--color-skills);box-shadow:0 0 3rem 0 var(--bk-main);flex-direction:column;margin-top:4rem;max-width:35rem;background-color:var(--bk-purpletwo);padding:1rem;border:2px solid transparent;border-radius:1.5rem;animation:fadeFromTop .7s ease-out forwards;transition:border .3s ease-out,transform .3s ease-out}.skill__list:hover{transform:translateY(-4px);border:2px solid rgb(var(--bk-purple))}.skill__list:hover .skill__subtitle span{transform:rotate(20deg) scale(1.1)}.skill__list:nth-of-type(2){--bk-purple: 108, 74, 182;--bk-purpletwo: #3d2b63}.skill__sheets{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.skill__subtitle{width:100%;text-align:center;font-size:3rem;margin-bottom:1rem;font-weight:700}.skill__subtitle span{display:inline-block;transform:rotate(0) scale(1);transition:transform .3s ease}.skill__elem{font-weight:600;list-style:none;padding:.5rem;border-radius:1rem;background-color:rgba(var(--bk-purple),.5);border:1px solid rgb(var(--bk-purple));cursor:pointer;transform:translateY(0);transition:transform .3s ease-out,background-color .3s ease-out}.skill__elem:hover{background-color:rgba(var(--bk-purple),.7);box-shadow:0 3px 10px rgb(var(--bk-purple));transform:translateY(-2px)}.project{margin-top:20rem}.project__title{display:flex;justify-content:center;font-size:var(--fz-h2);position:relative;animation:zoomIn .5s ease-out forwards}.project__title:after{position:absolute;content:"";width:5rem;height:5px;border-radius:5px;bottom:-1rem;background:var(--accent)}.project__list{margin-top:4rem;height:100%;animation:fadeFromLeft 1s ease-out forwards;animation-timeline:view();animation-range:entry 0% cover 50%}.project__card{display:flex;flex-wrap:wrap;justify-content:center;width:100%;background-color:var(--bk-card);padding:2rem;border-radius:2rem;gap:3rem;border:1px solid transparent;transform:translateY(0);transition:border .3s ease,transform .3s ease}.project__card:hover{border:1px solid rgba(var(--bk-accent),.3);transform:translateY(-2px)}.project__card img{width:100%;height:auto;max-width:50rem;border-radius:2rem;box-shadow:0 0 3rem 0 var(--bk-main)}.project__text h3{font-size:2.5rem;margin-bottom:.8rem}.project__text{font-size:1.8rem;max-width:60rem}.project__stacklist{display:flex;gap:1rem}.project__elem{margin-top:1rem;margin-bottom:.5rem;font-size:1.5rem;border:1px solid transparent;background:var(--bk-stack);padding:.5rem;border-radius:1.3rem;transition:border .3s ease}.project__elem:hover{border:1px solid #505050}.project__buttons{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:1.6rem}.project__btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:1.3rem;background:rgba(var(--bk-accent),.3);max-width:12rem;width:100%;transition:background .3s ease}.project__btn img{max-width:2rem;margin-right:2px}.project__btn:hover{background:rgba(var(--bk-accent),.5)}.project__btn:nth-of-type(2){--bk-accent: 70, 70, 70}.contact{margin-top:12rem;display:flex}.contact__info{display:flex;align-items:center;justify-content:center;flex-direction:column}.contact__title{display:flex;justify-content:center;font-size:var(--fz-h2);margin-bottom:4rem;position:relative;animation:zoomIn .5s ease-out forwards}.contact__title:after{position:absolute;content:"";width:5rem;height:5px;border-radius:5px;bottom:-1rem;background:var(--accent)}.contact__btn{display:flex;justify-content:center;max-width:25rem;width:100%;padding:.5rem;border-radius:1rem;background:rgb(var(--bk-accent));transition:background .3s ease}.contact__btn img{max-width:2rem;margin-right:2px}.contact__btn:hover{background:rgba(var(--bk-accent),.8)}.contact__buttons{display:flex;gap:2rem}.contact__btns{display:flex;justify-content:center;align-items:center;color:var(--color-primary);font-size:1.4rem;margin-top:2rem;padding:.5rem;width:100%;border:2px solid var(--color-primary-o);border-radius:2rem;transition:background .3s ease}.contact__btns img{max-width:2rem;margin-right:3px}.contact__btns:hover{border:2px solid var(--color-primary)}.footer{background-color:var(--bk-header)}.footer__container{margin-top:12rem;padding:3rem}.footer__info{display:flex;justify-content:center}.footer__links{display:flex;justify-content:center;margin-top:1rem;gap:5px}.footer__links img{border-radius:.2rem;padding:.2rem}.footer__links img:hover{background-color:#303030}@media(max-width:768px){.hero__avatar{display:none}}@media(max-width:576px){.header__burger{position:absolute;visibility:visible;right:5rem}.header__list{display:none;position:absolute;align-items:center;flex-direction:column;background-color:var(--bk-header);padding:2rem;width:100%;top:100%;left:0;gap:1rem;font-size:2rem}.header__list:after{content:""}.header__list.active{display:flex}}[data-theme=light]{--bk-header: rgba(235, 235, 235, .7);--bk-main: #f2f2f2;--color-primary: #161616;--color-primary-o: rgba(0, 0, 0, .6);--bk-card: #fff;--bk-stack: #ebebeb}[data-theme=light] .telegram,[data-theme=light] .github,[data-theme=light] .email{filter:invert(1)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-5rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromLeft{0%{opacity:0;transform:translate(-5rem)}to{opacity:1;transform:translate(0)}}