:root{--text-sm:clamp(.875rem, 5vw + .25rem, 1rem);--text-lg:clamp(1rem, 5vw + .5rem, 1.25rem);--text-xl:clamp(1.25rem, 5vw + .75rem, 1.5rem);--legendary:linear-gradient(180deg, #ffa718 9%, #fc0 86%);--epic:linear-gradient(45deg, #fff 6%, #cb30e0 36%, #6155f5 86%);--rare:linear-gradient(45deg, #08f 36%, #00c0e8 86%);--about-me:linear-gradient(45deg, #fff 36%, #00c8b3 86%);--gold:#ffa718;--yellow:#fc0;--blue:#08f;--lobby:#2a2a2a;--grey:#dfdfdf}*{box-sizing:border-box;margin:0;padding:0;font-size:clamp(.875rem,1vw + .25rem,1.25rem)}html{scroll-behavior:smooth}body{min-width:350px;font-family:Intern,"sans-serif"}.loading-screen{color:#fff;z-index:99;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.loading-wrapper{flex-direction:column;gap:10px;width:clamp(10rem,50vw,200rem);display:flex}.loading-bar{background-color:#fff;border-radius:8px;width:100%;height:max-content}.loading-progress{background-image:var(--legendary);border-radius:8px;width:max-content;height:100%;padding:clamp(10px,2vw,15px) 20px}.loading-asset{align-self:center}.post-loading{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;display:none}.post-loading>h2,.post-loading>p{text-align:center}.post-loading>button{color:var(--gold);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;padding:5px;animation:.5s infinite alternate-reverse calltoaction;display:flex}.text-center{text-align:center}.text-pixel{font-family:Pixelify Sans,sans-serif;font-weight:700}.text-default{color:#fff}.bg-default{background-color:#fff}.text-legendary{background-image:var(--legendary);-webkit-text-fill-color:transparent;color:var(--gold);background-clip:text}.bg-legendary{background-image:var(--legendary)}.text-epic{background-image:var(--epic);-webkit-text-fill-color:transparent;color:#cb30e0;background-clip:text}.bg-epic{background-image:var(--epic)}.text-rare{background-image:var(--rare);-webkit-text-fill-color:transparent;color:var(--blue);background-clip:text}.bg-rare{background-image:var(--rare)}.text-aboutme{background-image:var(--about-me);-webkit-text-fill-color:transparent;color:#00c8b3;background-clip:text}.bg-aboutme{background-image:var(--about-me)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-underline{text-decoration:underline}.text-outline-black{text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000}.icon-legendary path{fill:url(#legendary)}.icon-epic path{fill:url(#epic)}.icon-rare path{fill:url(#rare)}.icon-aboutme path{fill:url(#aboutme)}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes changetolobbycolor{to{background-color:var(--lobby)}}.fade-out{animation:.8s forwards fadeout}.fade-in{animation:1s reverse fadeout}.change-to-lobby-color{animation:1s forwards changetolobbycolor}section{z-index:3;background-color:#000;width:100%;min-height:100dvh;padding:40px}h2{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{color:var(--blue);cursor:pointer;text-decoration:none}.hidden{display:none!important}@keyframes calltoaction{0%{gap:5px}to{gap:15px}}.call-to-action{font-size:var(--text-lg);color:var(--blue);align-items:center;gap:15px;margin-top:5px;animation:.8s infinite alternate-reverse calltoaction;display:flex}.call-to-action>span{font-size:clamp(.5rem, 5vw + 0, 25rem, 1rem)}#main-menu{background-color:var(--lobby);flex-direction:column;gap:25px;display:flex;position:relative}.main-menu-sky{width:100%;height:inherit;z-index:-1;justify-content:end;display:flex;position:absolute;top:0;left:0}.main-menu-sky .cloud-spawns{width:100%;height:inherit;position:absolute}@keyframes moveforward{0%{opacity:0;right:0}20%{opacity:.8}to{right:105vw}}.cloud-spawns>.icon-cloud{opacity:.8;width:max(4rem,5vw);height:max(4rem,5vw);animation:25s infinite moveforward;position:absolute;top:20px}@keyframes bounce{to{transform:translateY(20px)}}.bounce{animation:1.5s infinite alternate-reverse bounce}@keyframes rotate{to{transform:rotate(180deg)}}.main-menu-sky #icon-sun{z-index:2;width:max(5rem,5vw);height:max(5rem,5vw);animation:3s infinite alternate rotate;position:absolute;top:35px;right:30px}.greeting{color:#fff;margin-top:15vh}.main-menu-button{flex-direction:column;width:300px;display:flex}.main-menu-button>button{color:#fff;text-align:start;cursor:pointer;background-color:#0000;border:none;width:max-content;padding:15px 0}.main-menu-button>button:hover{color:var(--gold)}.profile-information{color:#fff;flex-grow:.8;justify-content:space-between;align-items:end;width:100%;display:flex}.profile-information .blade-platform{background-color:#fff;border-bottom-right-radius:8px;width:100%;min-width:30vw;height:clamp(1.25rem,1.4vw,2rem)}.profile-information .blade-platform-right{background-image:var(--legendary);transform:rotateY(180deg)}.profile-information>.stats{background-image:var(--legendary);-webkit-text-fill-color:transparent;background-clip:text;align-items:end}.profile-information>.stats>.coins{color:var(--yellow);-webkit-text-fill-color:initial;align-items:center;gap:5px;display:flex}.profile-information>.stats>.coins>svg,.default-coin-spawned>svg{width:clamp(1.5rem,5vw,2.25rem);height:30px}.profile-information>.stats>.profession{align-items:inherit;flex-direction:column;display:flex}.profile,.stats{flex-direction:column;gap:5px;display:flex}@media (width<=575px){.profile-information{flex-direction:column;justify-content:start;align-items:start;gap:20px}.profile-information .stats{align-self:end}}@media (width<=375px){.profile-information{flex-direction:column;justify-content:start;align-items:start;gap:20px}}.default-coin-spawned{width:max-content;height:max-content;color:var(--yellow);cursor:pointer;background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;bottom:0;left:0}#projects{flex-direction:column;gap:clamp(3rem,5vw,9rem);display:flex}.floating-media-image{z-index:10;width:100vw;height:100dvh;position:fixed;top:0;left:0}.floating-media-image>.back-background{background-color:#000;flex-direction:column;justify-content:center;gap:25px;width:100%;height:100%;padding:40px;display:flex}.floating-media-image>.back-background>.arrow-actions{justify-content:center;align-items:center;gap:10px;display:flex}.floating-media-image>.back-background>img{object-fit:contain;border-radius:8px;width:100%;height:80%}.floating-media-image>.back-background>.arrow-actions>button{cursor:pointer;background-color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:clamp(1.8rem,8vw,2rem);height:clamp(1.8rem,8vw,2rem);display:flex}#projects>.project{gap:clamp(1.5rem,5vw,8rem);font-weight:700;display:flex}.project>.wrapper-preview,.user-information>.wrapper-preview{flex-direction:column;gap:20px;width:max-content;display:flex}.wrapper-preview>.project-badge{color:#fff;border-radius:4px;align-self:center;width:max-content;padding:5px 10px}.project>.wrapper-preview>.preview,.user-information>.wrapper-preview>.preview{aspect-ratio:1;border-radius:8px;width:clamp(5rem,80vw,15rem);padding:5px;position:relative}.preview>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.preview>.accessories{justify-content:center;width:100%;height:100%;display:flex;position:absolute;top:clamp(-2.5rem,-2.5vw - .75rem,-5.5rem);left:0}.accessories>.bat{border-radius:8px;width:clamp(5rem,5vw + 1rem,10rem);height:clamp(5rem,5vw + 1rem,10rem)}.preview>.corner{aspect-ratio:1;border-radius:8px;width:clamp(1rem,10vw,1.5rem);position:absolute}.preview>.corner-top-left{top:-10px;left:-10px}.preview>.corner-top-right{top:-10px;right:-10px}.preview>.corner-bottom-left{bottom:-10px;left:-10px}.preview>.corner-bottom-right{bottom:-10px;right:-10px}.wrapper-preview>.list-project{grid-template-rows:repeat(3,60px);grid-template-columns:repeat(3,60px);justify-content:center;gap:15px;margin-top:clamp(1rem,10vw,1.5rem);display:grid}.wrapper-preview>.list-project>span{text-align:center;grid-column:1/4;width:100%}.wrapper-preview>.list-project>.item-project{background-color:var(--grey);cursor:pointer;border:none;border-radius:8px;width:100%;height:100%;padding:1.5px}.item-project>img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.wrapper-preview>.list-project>.item-project:hover{padding:3px}.project>.information{flex-direction:column;gap:15px;display:flex}.information>.title{align-items:center;gap:25px;display:flex}.information>.body{flex-direction:column;gap:15px;display:flex}.card-information{flex-direction:column;padding:10px;display:flex}.card-information>.label,.card-information>.value{border-top-left-radius:8px;border-top-right-radius:8px;width:max-content;padding:2px}.card-information>.label>.wrapper-text,.card-information>.value>.wrapper-text,.card-information>.value>.wrapper-items{border-radius:inherit;background-color:#000;width:max-content;padding:10px}.card-information>.value{border-radius:0 8px 8px}.card-information>.value,.card-information>.value>.wrapper-text{width:100%}.card-information>.value .wrapper-text>p{font-weight:600}.card-information>.value>.wrapper-items{flex-wrap:wrap;align-items:center;gap:15px;width:100%;padding:clamp(.65rem,1vw,1.25rem);display:flex}.card-information>.value>.wrapper-items>.item{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:clamp(3rem,5vw,8rem);height:clamp(3rem,5vw,8rem);padding:2px;display:flex;position:relative}.card-information>.value>.wrapper-items>.item>img{border-radius:inherit;object-fit:cover;width:100%;height:100%}#inventory>.value>.wrapper-items>.item>img{border-radius:inherit;object-fit:cover;width:80%;height:80%}.card-information>.value>.wrapper-items>.item:hover{padding:3.5px}.card-information>.value>.wrapper-items>.item:hover div{display:flex}.card-information>.value>.wrapper-items>.item>.floating-description-wrapper{z-index:5;color:#fff;cursor:default;border-radius:10px;min-width:clamp(12.5rem,80vw,25rem);padding:2px;display:none;position:absolute;top:-120px;left:0}.floating-description-wrapper>.floating-description{border-radius:inherit;background-color:#000;flex-direction:column;gap:20px;width:100%;padding:15px;display:flex}.floating-description>.title{flex-wrap:wrap;gap:15px;display:flex}.floating-description>.title>.information{flex-direction:column;display:flex}.floating-description>.title>.preview-media-floating{border-radius:8px;width:clamp(3rem,5vw,8rem);height:clamp(3rem,5vw,8rem)}.floating-description>.title>.preview-media-floating>img{object-fit:cover;border-radius:inherit;width:100%;height:100%}@media (width<=825px){#projects>.project,.information>.title{flex-direction:column;align-items:start;gap:15px}#projects>.project{align-items:center}.information>.title{gap:5px}.information .card-information{width:100%}}#about-me{flex-direction:column;gap:clamp(3rem,5vw,9rem);display:flex}#about-me>.about-me{flex-direction:column;gap:25px;display:flex}.about-me>.me{flex-direction:column;order:-1;justify-content:space-between;gap:25px;display:flex}.me>.user-profile{flex-flow:column wrap;gap:25px;display:flex}.me>.card-information,.about-me>#inventory{padding:0}.user-profile>.user-information,.user-information>.user-stats{flex-direction:column;align-items:center;gap:25px;width:max-content;display:flex}.user-profile>.user-information{align-self:center}.user-information>.user-stats{gap:5px}.user-information>.user-stats>span{width:max-content}.me>.user-profile>.other-information{flex-direction:column;gap:15px;display:flex}.other-information>.education-wrapper,.education-wrapper>.educations{flex-direction:column;gap:10px;display:flex}.educations>.education{justify-content:space-between;align-items:center;gap:20px;display:flex}#contact,#contact>.wrapper-aside{color:#fff;flex-direction:column;gap:25px;display:flex}#contact>.wrapper-aside>.left{flex-direction:column;gap:25px;display:flex}#contact>.wrapper-aside>.left>.contacts{flex-direction:column;gap:25px;width:max-content;display:flex}.left>.contacts>.contact{color:inherit;cursor:pointer;background-color:#0000;border:none;align-items:center;gap:10px;display:flex}.left>.contacts>.contact>svg{background-color:#fff;border-radius:8px;width:clamp(1.5rem,5vw,2rem);height:clamp(1.5rem,5vw,2rem);padding:clamp(.2rem,1vw,.3rem)}.right{flex-direction:column;gap:20px;display:flex}