.Loading_loadingContainer__czFME{display:flex;justify-content:center;align-items:center;height:100vh}.Loading_loadingText__O2AGr{font-size:0;transition:font-size .5s}header{height:100vh;overflow:hidden}.container__header{width:50%;margin-left:100px;margin-right:0}.cta{margin-top:2.5rem;display:flex;gap:1.2rem;justify-content:center}.resume{visibility:hidden}.text-light{max-width:20rem}@media screen and (max-width:980px){.header__socials{visibility:hidden}.resume{visibility:visible}}h5{font-size:large}@keyframes spin{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}@keyframes orbit1{0%{transform:rotateY(0deg) translateX(150px) rotateX(0deg)}to{transform:rotateY(1turn) translateX(150px) rotateX(1turn)}}@keyframes orbit2{0%{transform:rotateY(0deg) translateY(150px) rotateX(0deg)}to{transform:rotateY(1turn) translateY(150px) rotateX(1turn)}}@keyframes orbit3{0%{transform:rotateY(0deg) translateX(150px) rotate(0deg)}to{transform:rotateY(1turn) translateX(150px) rotate(1turn)}}.cube{width:80px;height:80px;position:relative;animation:spin 10s linear infinite}.cube__face{border-radius:5px}.cube__face--front{transform:translateZ(40px)}.cube__face--back{transform:rotateY(180deg) translateZ(40px)}.cube__face--right{transform:rotateY(90deg) translateZ(40px)}.cube__face--left{transform:rotateY(-90deg) translateZ(40px)}.cube__face--top{transform:rotateX(90deg) translateZ(40px)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(40px)}.cube-wrapper{position:relative}.cube{width:20px;height:20px;position:absolute;animation-duration:6s;animation-iteration-count:infinite;transform-style:preserve-3d}.cube1{animation-name:orbit1}.cube2{animation-name:orbit2}.cube3{animation-name:orbit3}.cube__face{position:absolute;width:80px;height:80px;border:2px solid #fff}.cube:hover{animation-play-state:paused}.custom-cursor{width:20px;height:20px;background:red;transition:transform .2s ease-out;z-index:9999}.cursor-dot,.cursor-outline,.custom-cursor{position:fixed;pointer-events:none;border-radius:50%}.cursor-dot,.cursor-outline{top:0;left:0;transform:translate(-50%,-50%);z-index:1}nav{background:transparent;box-shadow:0 4px 10px hsla(0,0%,62%,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;display:block;padding:.7rem 1.7rem;z-index:2;position:fixed;left:50%;transform:translate(-50%);top:0;gap:.8rem;justify-content:space-between;font-size:1.5rem}.nav1,nav{display:flex}.nav1{flex-direction:row}nav a{background:transparent;padding:.9rem;border-radius:50%;display:flex;color:#fff}nav a:hover{background:#1a1a1c}.nav1{justify-content:space-between}@media screen and (max-width:980px){nav{font-size:1rem}.nav2{visibility:hidden}}.btn{--border-color:linear-gradient(-45deg,#ffae00,#7e03aa,#00fffb);--border-width:.125em;--curve-size:.5em;--blur:30px;--bg:#080312;--color:#afffff;color:var(--color);position:relative;isolation:isolate;display:inline-grid;place-content:center;padding:.5em 1.5em;font-size:17px;border:0;text-transform:uppercase;box-shadow:10px 10px 20px rgba(0,0,0,.6);-webkit-clip-path:polygon(0 var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);clip-path:polygon(0 var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);transition:color .25s}.btn:after,.btn:before{content:"";position:absolute;inset:0}.btn:before{background:var(--border-color);background-size:300% 300%;animation:move-bg7234 5s ease infinite;z-index:-2}@keyframes move-bg7234{0%{background-position:31% 0}50%{background-position:70% 100%}to{background-position:31% 0}}.btn:after{background:var(--bg);z-index:-1;-webkit-clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width) * .5),calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width) * .5),calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));transition:-webkit-clip-path .5s;transition:clip-path .5s;transition:clip-path .5s,-webkit-clip-path .5s}.btn:where(:hover,:focus):after{-webkit-clip-path:polygon(calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)));clip-path:polygon(calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)));transition:.2s}.btn:where(:hover,:focus){color:#fff}.about__container{display:flex;flex-direction:column;box-shadow:6px 6px 17px #b3b3b3,-6px -6px 17px #fff;padding:3rem 2rem;border-radius:18px}#about{height:-moz-fit-content;height:fit-content;padding:4rem 0;overflow:hidden}h3{text-align:center;margin:4rem;color:#fff}.skills{display:grid;grid-template-columns:repeat(6,1fr);align-self:center;gap:2.5rem}.skills__item{display:flex;flex-direction:column;border:1px solid transparent;transition:all .4s ease;align-items:center}.skills__item>h3{font-size:1rem;margin:0;text-align:left}.skills__item-img{width:100%;height:4rem;width:4rem}.skills__item-img,img{display:block;-o-object-fit:cover;object-fit:cover}img{width:100%}@media (max-width:980px){.skills{grid-template-columns:repeat(4,1fr);gap:.5rem}.container{width:var(--container-width-sm)}}#contact{margin-top:15rem;height:80vh;display:flex;flex-direction:column;overflow:hidden;align-items:center}h2{font-weight:1000;font-size:2rem}.Card{padding:3rem 2rem;display:flex;flex-direction:row;justify-content:space-around;text-align:center;border-radius:18px;background:linear-gradient(145deg,#3b225a,#82548c);box-shadow:6px 6px 17px #b3b3b3,-6px -6px 17px #fff;color:#000;width:75%}a{padding:1rem}.socials{visibility:hidden;margin:4rem;display:flex;flex-direction:row;justify-content:space-around;font-size:4rem}@media screen and (max-width:980px){.portfolio__container{grid-template-columns:1fr;gap:1rem;width:var(--container-width-sm)}.Card{flex-direction:column;align-items:center}.socials{visibility:visible}h2{font-size:1.2rem}}button{--color:#140525;font-family:inherit;display:inline-block;width:8em;height:2.6em;line-height:2.5em;margin:20px;position:relative;overflow:hidden;border:2px solid var(--color);transition:color .5s;z-index:1;font-size:17px;border-radius:6px;font-weight:500;color:var(--color)}button:before{content:"";position:absolute;z-index:-1;background:var(--color);height:150px;width:200px;border-radius:50%}button:hover{color:#110404}button:before{top:100%;left:100%;transition:all .7s}button:hover:before{top:-30px;left:-30px}button:active:before{background:#4e3685;transition:background 0s}