@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Audiowide&family=Martian+Mono:wght@500&family=Monoton&family=Montserrat+Alternates:wght@500&family=Paytone+One&family=Ultra&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap");

/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.grid{display:grid}.hidden{display:none}.home-container{z-index:-1;position:absolute;top:0;background-image:url(/background-h.jpg);background-size:cover;width:100%;height:100%;animation:coso .2s}.scanlines{position:relative;overflow:hidden}.scanlines:after,.scanlines:before{display:block;pointer-events:none;content:"";position:absolute}.scanlines:after{top:0;right:0;bottom:0;left:0;z-index:2147483648;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3) 51%);background-size:100% 1px;animation:scanlines 1s steps(60) infinite}@keyframes scanline{0%{transform:translate3d(0,200000%,0)}}@keyframes scanlines{0%{background-position:0 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(.62rem)}to{opacity:1;transform:translateY(0)}}@keyframes move-arrow{0%{left:0}50%{left:.31rem}to{left:0}}.fade1{animation:fadeIn .5s ease-in-out}.fade2{animation:fadeIn .7s ease-in-out}.fade3{animation:fadeIn .9s ease-in-out}.fade4{animation:fadeIn 1.1s ease-in-out}.fade5{animation:fadeIn 1.3s ease-in-out}.fade6{animation:fadeIn 1.5s ease-in-out}.fade7{animation:fadeIn 1.6s ease-in-out}body,html{margin:0;padding:0;max-width:100vw;background-color:#3d3d3d;background-color:#232323;font-family:PT Sans Caption,sans-serif;overscroll-behavior:contain}.pointer{cursor:pointer}.noLink{pointer-events:none;cursor:default}.main{background-color:#404040;background-color:#2a2a2a;z-index:0;width:calc(100% - 18.75rem);height:calc(100vh - 1.87rem);margin-left:9.37rem;margin-right:9.37rem;margin-top:1.87rem;border-top-left-radius:1.56rem;border-top-right-radius:1.56rem;overflow:hidden;box-shadow:0 .94rem 1.25rem rgba(0,0,0,.25)}.main,.main-home{position:absolute}.main-home{z-index:-1;background-size:cover;width:100%;height:100%;top:0;animation:coso .2s}.port-back{display:none}.loading{z-index:1;width:100%;height:100%;position:absolute;top:0;background-color:#0e0e0e}.loading:after{display:flex;justify-content:center;align-items:center;background-image:url(/svg-loaders/rings.svg);background-repeat:no-repeat;background-position:50%;background-size:4.44rem}.loading:after,.main-home:after{content:"";width:100%;height:100%}.main-home:after{background:linear-gradient(90deg,rgba(0,0,0,.745),transparent);z-index:-1;top:0;position:absolute}.header{display:flex;justify-content:space-between;position:relative;font-family:Lexend Deca,sans-serif;height:2.5vw;transition:height .2s}#sub-header{overflow:hidden;margin-top:1.87rem}#s-header-left{margin-left:4.69rem;font-size:1.44rem;padding-left:0}.header-right-container{display:flex;width:60%}.header-right{justify-content:space-around;width:100%;font-size:.81rem}.header-left,.header-right{display:flex;align-items:center;color:#ededed}.header-left{gap:.31rem;padding:1rem}.submenu-item-hidden{top:-3.12rem;opacity:0}.submenu-item-hidden,.submenu-item-visible{position:relative;transition-property:top,opacity;transition-duration:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.submenu-item-visible{filter:drop-shadow(0 0 .31rem #fff);top:0;opacity:1}.menu-item{display:flex;align-items:center;height:100%;padding-left:.94rem;padding-right:.94rem}.menu-item:hover{animation:vibration .25s ease-in-out infinite}.menu-item:hover,.selectedM{color:#00bfff;filter:drop-shadow(0 0 .62rem #fff)}.selectedM{background-color:hsla(0,0%,100%,.083);background-color:hsla(0,0%,100%,.018);padding-top:.31rem;padding-bottom:.31rem;border-radius:.62rem}@keyframes grow{0%{width:0}to{width:100%}}.selectedS{filter:drop-shadow(0 0 .31rem #ffffff);transition:transform .15s;display:flex;flex-direction:column;justify-content:center;align-items:center}.selectedS:after{content:"";display:block;top:1.25rem;width:100%;height:.25rem;position:absolute;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;background:radial-gradient(#fff5f7,rgba(255,0,0,0));background-size:contain;background-repeat:no-repeat;transition-property:width;transition-duration:.2s;animation:grow .4s}#h-header-right{background-color:#000;border-bottom-left-radius:1.87rem}#h-header-left{font-size:.69rem}#s-header-right{width:60%}.separator{background-color:#fff;border-top-right-radius:1.87rem;height:100%;width:1.25rem}.separator-background{background-color:#000;mix-blend-mode:multiply}.main-content{font-family:Audiowide,cursive;font-family:Orbitron,sans-serif;margin-left:4.69rem;margin-top:18.75rem}.main-title{font-size:2.31rem;font-weight:500;width:22%;color:#00bfff;margin-bottom:.31rem;text-shadow:0 0 .44rem #00bfff,0 0 6.31rem #00bfff}.main-subtitle{font-size:1.37rem;font-weight:500;width:37%;color:#e9e9e9;margin-bottom:1.06rem;text-shadow:0 0 .19rem hsla(0,0%,91%,.434),0 0 2.19rem hsla(0,0%,91%,.329)}.main-subtitle b{color:#51d3ff}.main-content-buttons{font-weight:500;display:flex;gap:1.25rem}.main-button{color:#e9e9e9;height:3.12rem;border-radius:1.56rem;border:2px solid #ed7ca2;font-size:1.06rem;text-shadow:0 0 .19rem hsla(0,0%,91%,.434),0 0 2.19rem hsla(0,0%,91%,.329);position:relative;padding-left:1.87rem;padding-right:1.25rem}.arrow:after{content:">";position:absolute;transform-origin:center center;animation-name:move-arrow,rotate;animation-duration:10000000000s,4s;animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite,infinite;margin-left:.62rem}.arrow:hover:after{animation-name:move-arrow,rotate;animation-duration:1s,4s}.main-button:hover{color:#fff}.main-others{z-index:-1;width:100%;position:absolute;top:0;animation:coso .5s}*{box-sizing:border-box}.main-others{background-color:#2b1165;background:linear-gradient(180deg,#2b1165,#1a3a82 37%,#ab24b1 69%,#f54171);margin:0;padding:0;display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden}.overlay{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:transparent;background-size:5px 5px,5px 5px;background-position:-1px -1px,-1px -1px;background-image:linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);mix-blend-mode:difference}.glitch{-webkit-clip-path:polygon(0 0,100% 0,100% .5em,0 .5em);clip-path:polygon(0 0,100% 0,100% .5em,0 .5em);animation:glitch 10s linear infinite;transform:translatex(.1rem)}@keyframes glitch{to{-webkit-clip-path:polygon(0 calc(100% - .5em),100% calc(100% - .5em),0 100%,0 100%);clip-path:polygon(0 calc(100% - .5em),100% calc(100% - .5em),0 100%,0 100%)}}.sun{width:40vh;height:40vh;font-size:1rem;border-radius:20vh;position:relative;overflow:hidden}.sun:before{top:0}.sun:after,.sun:before{content:"";display:block;position:absolute;height:50%;background-color:#f54171;background:linear-gradient(0deg,#2b1165,#1a3a82 37%,#ab24b1 69%,#f54171);background-size:40vh 40vh;width:100%}.sun:after{bottom:0;background-position:bottom;-webkit-clip-path:polygon(0 -10em,100% -10em,100% -10.5em,0 -10.5em,0 -9em,100% -9em,100% -9.5em,0 -9.5em,0 -8em,100% -8em,100% -8.5em,0 -8.5em,0 -7em,100% -7em,100% -7.5em,0 -7.5em,0 -6em,100% -6em,100% -6.5em,0 -6.5em,0 -5em,100% -5em,100% -5.5em,0 -5.5em,0 -4em,100% -4em,100% -4.5em,0 -4.5em,0 -3em,100% -3em,100% -3.5em,0 -3.5em,0 -2em,100% -2em,100% -2.5em,0 -2.5em,0 -1em,100% -1em,100% -1.5em,0 -1.5em,0 0,100% 0,100% -.5em,0 -.5em,0 0,100% 0,100% .5em,0 .5em,0 1em,100% 1em,100% 1.5em,0 1.5em,0 2em,100% 2em,100% 2.5em,0 2.5em,0 3em,100% 3em,100% 3.5em,0 3.5em,0 4em,100% 4em,100% 4.5em,0 4.5em,0 5em,100% 5em,100% 5.5em,0 5.5em,0 6em,100% 6em,100% 6.5em,0 6.5em,0 7em,100% 7em,100% 7.5em,0 7.5em,0 8em,100% 8em,100% 8.5em,0 8.5em,0 9em,100% 9em,100% 9.5em,0 9.5em);clip-path:polygon(0 -10em,100% -10em,100% -10.5em,0 -10.5em,0 -9em,100% -9em,100% -9.5em,0 -9.5em,0 -8em,100% -8em,100% -8.5em,0 -8.5em,0 -7em,100% -7em,100% -7.5em,0 -7.5em,0 -6em,100% -6em,100% -6.5em,0 -6.5em,0 -5em,100% -5em,100% -5.5em,0 -5.5em,0 -4em,100% -4em,100% -4.5em,0 -4.5em,0 -3em,100% -3em,100% -3.5em,0 -3.5em,0 -2em,100% -2em,100% -2.5em,0 -2.5em,0 -1em,100% -1em,100% -1.5em,0 -1.5em,0 0,100% 0,100% -.5em,0 -.5em,0 0,100% 0,100% .5em,0 .5em,0 1em,100% 1em,100% 1.5em,0 1.5em,0 2em,100% 2em,100% 2.5em,0 2.5em,0 3em,100% 3em,100% 3.5em,0 3.5em,0 4em,100% 4em,100% 4.5em,0 4.5em,0 5em,100% 5em,100% 5.5em,0 5.5em,0 6em,100% 6em,100% 6.5em,0 6.5em,0 7em,100% 7em,100% 7.5em,0 7.5em,0 8em,100% 8em,100% 8.5em,0 8.5em,0 9em,100% 9em,100% 9.5em,0 9.5em);animation:lightEffect 20s linear infinite reverse}@keyframes lightEffect{to{-webkit-clip-path:polygon(0 0,100% 0,100% .5em,0 .5em,0 1em,100% 1em,100% 1.5em,0 1.5em,0 2em,100% 2em,100% 2.5em,0 2.5em,0 3em,100% 3em,100% 3.5em,0 3.5em,0 4em,100% 4em,100% 4.5em,0 4.5em,0 5em,100% 5em,100% 5.5em,0 5.5em,0 6em,100% 6em,100% 6.5em,0 6.5em,0 7em,100% 7em,100% 7.5em,0 7.5em,0 8em,100% 8em,100% 8.5em,0 8.5em,0 9em,100% 9em,100% 9.5em,0 9.5em,0 10em,100% 10em,100% 10em,0 10em,0 11em,100% 11em,100% 11.5em,0 11.5em,0 12em,100% 12em,100% 12.5em,0 12.5em,0 13em,100% 13em,100% 13.5em,0 13.5em,0 14em,100% 14em,100% 14.5em,0 14.5em,0 15em,100% 15em,100% 15.5em,0 15.5em,0 16em,100% 16em,100% 16.5em,0 16.5em,0 17em,100% 17em,100% 17.5em,0 17.5em,0 18em,100% 18em,100% 18.5em,0 18.5em,0 19em,100% 19em,100% 19.5em,0 19.5em,0 20em,100% 20em,100% 20.5em,0 20.5em);clip-path:polygon(0 0,100% 0,100% .5em,0 .5em,0 1em,100% 1em,100% 1.5em,0 1.5em,0 2em,100% 2em,100% 2.5em,0 2.5em,0 3em,100% 3em,100% 3.5em,0 3.5em,0 4em,100% 4em,100% 4.5em,0 4.5em,0 5em,100% 5em,100% 5.5em,0 5.5em,0 6em,100% 6em,100% 6.5em,0 6.5em,0 7em,100% 7em,100% 7.5em,0 7.5em,0 8em,100% 8em,100% 8.5em,0 8.5em,0 9em,100% 9em,100% 9.5em,0 9.5em,0 10em,100% 10em,100% 10em,0 10em,0 11em,100% 11em,100% 11.5em,0 11.5em,0 12em,100% 12em,100% 12.5em,0 12.5em,0 13em,100% 13em,100% 13.5em,0 13.5em,0 14em,100% 14em,100% 14.5em,0 14.5em,0 15em,100% 15em,100% 15.5em,0 15.5em,0 16em,100% 16em,100% 16.5em,0 16.5em,0 17em,100% 17em,100% 17.5em,0 17.5em,0 18em,100% 18em,100% 18.5em,0 18.5em,0 19em,100% 19em,100% 19.5em,0 19.5em,0 20em,100% 20em,100% 20.5em,0 20.5em)}}.skills-container{display:flex}.hidden{transform:scaleY(0);height:0;transition:height .2s;margin-top:.62rem}.mobile{display:none}@media (max-width:1600px){html{font-size:13px}}@media (max-width:1366px){html{font-size:11px}}@media (max-width:500px) and (orientation:portrait){.scanlines:after{background-size:100% 4px;background-size:100% 1px}.main{width:calc(100% - 0px);height:calc(100% - 0px);margin-left:0;margin-right:0;margin-top:0}.main-home{background-image:url(/background-v.png)}.header-left{padding-left:25px;width:30%;padding-top:10px;padding-bottom:10px}.port-back{display:block}.land-back{display:none}.header{height:8vw;transition:height .2s}#h-header-left{position:relative;left:0}.header-right{font-size:9px}#s-header-right{width:70%}.header-right-container{width:80%}#sub-header{margin-top:25px}#s-header-left{font-size:10px;width:70px;margin-left:14px}.menu-item:hover{color:inherit;filter:drop-shadow(0 0 0 #ffffff00)}.main-content{margin-top:40%;margin-left:14px}.main-button{height:36px;border-radius:18px;border:1px solid #ed7ca2;font-size:12px;padding-left:14px;padding-right:30px}.main-button:hover{background-color:rgba(237,124,162,0);color:inherit}.main-subtitle,.main-title{width:80%}.selectedM{filter:drop-shadow(0 0 10px #ffffff00);background-color:hsla(0,0%,100%,.083)}.arrow:after{height:100%;width:calc(100% - 23px);animation-duration:1s,4s;transform:rotate(180deg);position:absolute;top:0;display:flex;align-items:center}.hidden{transform:scaleY(0);height:0;transition:height .2s}#hidden,.hidden{margin-top:10px}.desktop{display:none}.mobile{display:block}}