@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&display=swap);body{background-color:#0f0a1f;background-image:linear-gradient(90deg,#0000 0 49px,#4dc9e614 49px),linear-gradient(180deg,#0000 0 49px,#4dc9e614 49px);background-size:50px 50px;color:#eee;font-family:Poppins;font-size:15px;margin:0;min-height:100vh;&:before{background-image:linear-gradient(90deg,#5a189a,#4dc9e6);border-radius:50%;content:"";filter:blur(250px);height:500px;left:calc(50% - 250px);opacity:.5;pointer-events:none;position:fixed;top:-250px;width:500px;z-index:-1}}main{margin:auto;max-width:100%;width:1600px}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #bc95f833;display:flex;height:60px;justify-content:space-between;left:50%;padding:0 20px;position:fixed;transform:translateX(-50%);z-index:100;& img{width:50px}& .logo,nav{align-items:center;display:flex;gap:30px;& span{cursor:pointer;transition:.3s}& .active{color:#fff;text-shadow:0 0 5px #bc95f8,0 0 10px #bc95f8}}}header,section{box-sizing:border-box;max-width:100%;top:0;width:1600px}section{margin:auto;padding:50px}section.home{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);padding-top:150px;& .content{font-family:Poppins,sans-serif;max-width:100%;& .name{font-size:clamp(3rem,7vw,6rem);font-weight:900;line-height:1.1em;& span{-webkit-text-fill-color:#0000;animation:shine 5s linear infinite;-webkit-background-clip:text;background-image:linear-gradient(90deg,#4dc9e6,#a285f5 50%,#f53a7b);background-size:200% auto;text-shadow:0 0 5px #4dc9e680;white-space:nowrap}}& .des{background-color:#0f0a1f80;border-left:.5em solid #4dc9e6;border-radius:5px;color:silver;font-size:1.1rem;line-height:1.8;margin:30px 0;max-width:600px;padding:20px 1.5em}& a{background-color:initial;border:2px solid #f53a7b;border-radius:5px;color:#f53a7b;display:block;font-size:large;letter-spacing:2px;padding:15px 35px;text-decoration:none;text-transform:uppercase;transition:background-color .3s,color .3s;width:-webkit-max-content;width:max-content}& a:hover{background-color:#f53a7b;color:#0f0a1f}}& .avatar{text-align:right;& .card{box-shadow:0 150px 150px #bc95f81a;display:inline-flex;flex-direction:column;transition:box-shadow .4s ease;width:min(100%,400px);&:hover{box-shadow:0 150px 150px #bc95f833}& img{-webkit-clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);height:min(50vh,700px);object-fit:cover;object-position:top;width:100%}& .info{grid-gap:20px;background-color:#1a1231;color:#fff;display:grid;font-size:1.2em;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px;text-align:center;& div:first-child,div:nth-child(2),div:nth-child(3){font-weight:700}}}}}section.contacts,section.projects,section.skills{align-items:center;display:flex;flex-direction:column;gap:25px}section .des,section .title{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0f0a1f80;border:1px solid #bc95f833;border-radius:15px;box-shadow:0 0 15px #bc95f81a;transition:.4s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}section .title{font-family:MuseoModerno,system-ui;font-size:clamp(2rem,4vw,3.5rem);padding:15px 30px;text-align:center}section .des{font-size:1rem;line-height:1.7;max-width:650px;padding:20px 25px;text-align:center}section .des:hover,section .title:hover{border:1px solid #bc95f880;box-shadow:0 0 30px #bc95f833}section.contacts .list,section.projects .list,section.skills .list{perspective:1000px;width:100%}section.contacts .list .item,section.projects .list .item,section.skills .list .item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#0f0a1f80;border:1px solid #bc95f833;border-radius:15px;box-shadow:0 0 15px #bc95f81a;transition:border .4s ease,box-shadow .4s ease;&:hover{border:1px solid #bc95f880;box-shadow:0 0 30px #bc95f833}}section.skills .list{grid-gap:3vw;display:grid;gap:3vw;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%;& .item{display:flex;flex-direction:column;padding:0;& .main-content{align-items:flex-start;display:flex;flex-direction:column;gap:15px;padding:25px}& svg{background-color:#bc95f81a;border-radius:10px;font-size:30px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}& .des,& h3{margin:0}& .des{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:initial;border-radius:0;border-top:1px solid #bc95f833;box-shadow:none;font-size:small;line-height:1.6;max-width:100%;padding:20px 25px;text-align:left;width:auto}}}section.projects .list{display:flex;flex-direction:column;gap:70px;& .item{grid-gap:0;align-items:stretch;border-radius:20px;display:grid;gap:0;grid-template-columns:repeat(2,1fr);padding:0}& .item .images{border-radius:20px 0 0 20px;overflow:hidden;& img{height:100%;object-fit:cover;object-position:cover;width:100%}}& .item .content{display:flex;flex-direction:column;gap:20px;padding:35px 40px;& h3{font-size:clamp(2.2em,4vw,2.8em);font-weight:700;margin:0}& .content-block{background-color:#0f0a1f66;border:1px solid #bc95f81a;border-radius:14px;padding:20px;width:100%;& p{font-size:.95rem;line-height:1.6;margin:0}& p>span{display:block}& p>span:first-child{margin-bottom:5px}& .fa-shield-halved{color:#f53a7b;margin-left:10px}}& .content-block.icon-row{grid-gap:20px;align-items:flex-start;background:none;border:none;display:grid;gap:20px;grid-template-columns:45px 1fr;padding:0;& .icon-wrapper{align-items:center;background-color:#bc95f826;border-radius:12px;display:flex;height:45px;justify-content:center;width:45px;& .svg-inline--fa{color:#bc95f8;font-size:22px}}& .text-wrapper h4{color:#bc95f8;margin:0 0 8px}& .text-wrapper p{color:#ccc;font-size:.95rem;line-height:1.6}}& .price-box{background-color:#0f0a1f66;border:1px solid #bc95f81a;border-radius:12px;padding:20px}& .price-list{font-family:monospace;font-size:.95rem;line-height:2;margin-bottom:15px;white-space:pre-wrap}& .price-tagline{color:#ccc;font-size:.9rem;font-style:italic}& .discord-link{align-items:center;background-color:#5865f2;border-radius:14px;color:#fff;display:flex;font-weight:600;gap:10px;justify-content:center;margin-top:auto;padding:18px;text-decoration:none;transition:transform .2s ease,background-color .2s ease;width:100%}& .discord-link:hover{background-color:#4f5bda;transform:scale(1.03)}}}section.contacts{padding-bottom:220px;& .list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;text-align:center;& .item{margin-top:0;max-width:100%;padding:25px;width:350px;& h3{color:#fff;font-size:1.5rem;margin:0 0 15px;text-shadow:0 0 8px #bc95f8}}}}.glitch-text{opacity:0;transform:skewX(-5deg) translateY(-20px);transition:all .8s cubic-bezier(.19,1,.22,1)}.glitch-text.is-visible{opacity:1;transform:skewX(0deg) translateY(0)}.scan-line{opacity:0;transform:translateX(100px);transition:all 1s cubic-bezier(.25,.46,.45,.94)}.scan-line.is-visible{opacity:1;transform:translateX(0)}.glitch-pop{opacity:0;transform:translateY(30px) skewX(10deg);transition:opacity .7s ease-out,transform .7s cubic-bezier(.68,-.55,.27,1.55)}.glitch-pop.is-visible{opacity:1;transform:translateY(0) skewX(0deg)}.scale-up{opacity:0;transform:scale(.5);transition:opacity .5s ease-out,transform .5s cubic-bezier(.68,-.55,.27,1.55)}.scale-up.is-visible{opacity:1;transform:scale(1)}.type-writer{opacity:0;transform:translateY(40px);transition:all .5s cubic-bezier(.19,1,.22,1)}.type-writer.is-visible{opacity:1;transform:translateY(0)}.animation{filter:blur(20px);opacity:0;transform:translateY(50px);transition:.5s}.animation.active{filter:blur(0);opacity:1;transform:translateY(0)}@keyframes shine{to{background-position:200%}}@media screen and (max-width:1200px){header,main,section{box-sizing:border-box;padding-left:30px;padding-right:30px;width:100%}header{width:100%}}@media screen and (max-width:1023px){section.home .content .name{font-size:4em}section.home .avatar img{max-height:400px}}@media screen and (max-width:992px){section.projects .list{gap:40px}section.projects .list .item{grid-template-columns:1fr;margin:0 auto;max-width:600px}section.projects .list .item .images{border-radius:20px 20px 0 0;grid-row-start:1}section.projects .list .item .content{border-radius:0 0 20px 20px;grid-row-start:2}}@media screen and (max-width:767px){section{padding:20px 15px;&.home{gap:30px;grid-template-columns:1fr;padding-top:70px;& .content{text-align:center}& .content a{font-size:small;margin:20px auto 0}& .avatar{grid-row-start:1;text-align:center;& .card{margin:0 auto}}}&.projects .list .item:nth-child(2n){& .content,& .images{grid-column-end:auto;grid-column-start:auto;grid-row-start:auto}}&.skills .list{gap:20px}}header{padding:0 15px;& nav{align-items:start;background-color:#0f0a1f;box-sizing:border-box;color:#eee;flex-direction:column;font-weight:700;height:100vh;inset:0 auto 0 0;justify-content:start;left:-100%;padding:50px;position:fixed;transition:.5s;width:80%}& .icon-bar{display:block}& nav.active{left:0}}section .title{font-size:2.5rem;padding:10px 20px}}@media screen and (max-width:480px){section .title{font-size:2rem}section.home .content .name{font-size:3em}}
/*# sourceMappingURL=main.96ce06ec.css.map*/