:root{--darker: hsl(71, 58%, 31%);--darker-shade: hsl(73, 34%, 24%);--darkest: #333918;--bg-secondary: #f9edc8;--secondary: #29214F;--secondary-shade: #151320}*{min-width:0;min-height:0;margin:0}[v-cloak]{display:none}body{display:flex;justify-content:center;margin:0;padding:0}img{display:block;max-width:100%}#app{width:100%;height:100vh}.league-spartan-header{font-family:League Spartan,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.league-spartan-body{font-family:League Spartan,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.inter-body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0}@font-face{font-family:ThunderSemibold;src:url(/assets/fonts/Thunder-SemiBoldHC.ttf)}@font-face{font-family:ThunderLight;src:url(/assets/fonts/Thunder-LightHC.ttf)}.ibm-plex-mono{font-family:IBM Plex Mono,monospace;font-weight:400;font-style:normal}.ubuntu-mono-regular{font-family:Ubuntu Mono,monospace;font-weight:400;font-style:normal}.ubuntu-mono-regular-italic{font-family:Ubuntu Mono,monospace;font-weight:400;font-style:italic}.ubuntu-mono-bold{font-family:Ubuntu Mono,monospace;font-weight:700;font-style:normal}.ubuntu-mono-bold-italic{font-family:Ubuntu Mono,monospace;font-weight:700;font-style:italic}span.ascii{margin:0;font-size:10px;background-color:var(--darker);color:#fff}#perlin-background{position:absolute;max-width:100%;height:100%;z-index:-10;border-left:11px solid var(--darker)}.socials-icon:hover svg{color:var(--darker-shade);transition:.8s}.figure{grid-area:pic;position:relative;max-width:100%}#profile-pic{opacity:1}.figure #ascii-profile-pic{position:absolute;top:0;right:0;left:0;bottom:0;object-fit:contain;opacity:0;transition:opacity .2s}.figure:hover #ascii-profile-pic{opacity:1}#profile-pic-container[data-v-0863a4d1]{margin:1rem;max-width:100%;display:grid;grid-template-columns:15px 30px 210px 30px 15px;grid-template-rows:100%;grid-template-areas:"topleft topleft logo topright topright" "left pic pic pic right" "bot bot bot bot bot";align-self:start}.logo[data-v-0863a4d1]{grid-area:logo;align-self:end;border-style:hidden hidden solid hidden;border-width:3px;border-color:#405a30}.topleft[data-v-0863a4d1]{padding-top:3px;padding-left:5px;grid-area:topleft;align-self:end;justify-self:center;border-radius:5px 0 0}.topright[data-v-0863a4d1]{padding-top:3px;padding-right:5px;grid-area:topright;align-self:end;justify-self:center;border-radius:0 5px 0 0}.left[data-v-0863a4d1]{word-wrap:break-word;padding-left:3px;grid-area:left}.right[data-v-0863a4d1]{text-align:right;word-wrap:break-word;padding-right:3px;grid-area:right}.bottom[data-v-0863a4d1]{padding-block:3px;grid-area:bot;justify-self:stretch;text-align:center}svg[data-v-1db71172]{color:var(--darker);width:100%;height:100%}a[data-v-1db71172]{width:0px;height:0px}svg[data-v-4cb6f84b]{color:var(--darker);width:100%;height:100%}a[data-v-4cb6f84b]{width:0px;height:0px}svg[data-v-d40758a6]{color:var(--darker);width:100%;height:100%}a[data-v-d40758a6]{width:0px;height:0px}#socials-icons-container{display:grid;grid-template-rows:repeat(3,40px);grid-template-columns:40px;max-width:fit-content;max-height:fit-content;row-gap:5px;margin-top:3rem;z-index:10}.socials-icon{border:5px inset var(--darker)}.socials-icon:hover{border-right:5px solid var(--darker-shade);border-bottom:5px solid var(--darker-shade);transition:.8s}#hero[data-v-0e155514]{display:flex;width:100%;height:100%}#hero-left[data-v-0e155514]{display:flex;width:50%;height:100%}#hero-text-container[data-v-0e155514]{color:var(--darker);padding-top:12%;margin-left:15%;display:flex;flex-direction:column;align-self:center}#hero-left span[data-v-0e155514]{font-size:max(38px,4vw);line-height:max(42px,4.2vw);margin-top:0;margin-bottom:5%;margin-right:30%;align-self:start}#hero-left p[data-v-0e155514]{font-size:max(14px,1.2vw);line-height:max(16px,1.4vw);margin-right:20%;margin-block:0}#hero-right[data-v-0e155514]{display:flex;width:50%;height:100%}#profile-icons[data-v-0e155514]{display:flex;margin-left:25%;align-self:center}#perlin-sketch-container[data-v-0e155514]{position:absolute;width:50%;height:100%}button[data-v-9db42932]{color:#fff;display:flex;text-align:end;font-size:20px;background:transparent;cursor:pointer;padding:5px 10px 5px 7px;margin-inline:5px;border-radius:10px;border-bottom:3px solid #fff;margin-top:5px}.nav-icon[data-v-9db42932]{margin-right:4px}.icon-name[data-v-9db42932]{translate:0 3px}@media (max-width: 1000px){.icon-name[data-v-9db42932]{display:none}.nav-icon[data-v-9db42932]{margin:0;justify-self:center}button[data-v-9db42932]{margin-inline:0px}}#button-cv[data-v-b6a3f9ae]{background-color:#fff;padding:15px 25px 10px 15px;border-radius:35px;text-decoration:none;margin-left:1.5rem}.navbar-item[data-v-b6a3f9ae]{font-size:20px}img[data-v-b6a3f9ae]{margin-top:0;margin-right:12px}.nav-icon[data-v-b6a3f9ae]{translate:0 4px;margin-right:4px}#main-navbar[data-v-b6a3f9ae]{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;top:3%;left:0;z-index:999}#navbar-list[data-v-b6a3f9ae]{width:950px;background-color:var(--darker);border-radius:30px;border:3px solid var(--darker-shade);display:grid;grid-template-columns:250px auto auto auto auto auto;grid-template-rows:60px;align-items:center;justify-items:center;padding:5px 0 8px;padding-inline:20px;color:#fff}.navbar-item[data-v-b6a3f9ae]:nth-child(1){font-size:2rem;justify-self:start;align-self:center;margin-left:1rem;margin-top:5px}a[data-v-b6a3f9ae]:link{color:var(--darker)}a[data-v-b6a3f9ae]:visited{color:var(--darker-shade)}#tech-icon-container[data-v-b9133453]{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:64px}span[data-v-b9133453]{color:#968e7f;text-align:center}#tech-section[data-v-a46145bb]{margin-left:3%}#tech-tray[data-v-a46145bb]{display:flex;gap:45px;margin-top:3rem}#about-container[data-v-a46145bb]{width:100%;display:flex;justify-content:center;align-items:center;background-color:#1e1e1e;border-top:10px solid #FFC421;border-bottom:10px solid #FFC421}#about-content-grid[data-v-a46145bb]{display:grid;grid-template-columns:max-content 50vw;grid-template-areas:"heading items" "image items";column-gap:1rem;margin-top:25vh;margin-bottom:25vh;max-width:80%}#about-img[data-v-a46145bb]{grid-area:image;margin-top:-1.5rem;width:100%}#about-heading h1[data-v-a46145bb]{text-align:start;color:#ffc421;-webkit-text-stroke:1px #FFC421;font-size:110px;grid-area:heading}#about-content[data-v-a46145bb]{grid-area:items;display:grid;grid-template-rows:35% max-content;row-gap:5rem;align-items:center;border-top:1px solid #FFC421;border-bottom:2px solid #FFC421}#about-content p[data-v-a46145bb]{max-width:100%;align-self:center;padding-inline:2rem}#about-description[data-v-a46145bb]{overflow-wrap:break-word;text-wrap-mode:wrap;text-wrap:wrap;text-align:start;font-size:20px;margin-top:2rem;color:#968e7f}.bg-test[data-v-a46145bb]{background-color:#a9a9a9}#welcome-transition[data-v-0f67fcc7]{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:var(--darker);z-index:1000}#welcome-container[data-v-0f67fcc7]{display:grid;grid-template-columns:max-content;grid-template-rows:max-content 70px;text-align:center}#welcome-message[data-v-0f67fcc7]{display:grid;column-gap:30px;grid-template-columns:max-content max-content;max-width:20%;max-width:fit-content;font-size:4rem;color:var(--bg-secondary)}ul.loading-dots[data-v-0f67fcc7]{list-style:none;display:flex;justify-content:center;gap:20px;flex:0;margin:0;padding:0}ul.loading-dots li[data-v-0f67fcc7]{width:25px;height:25px;border-radius:6px;display:block;background-color:var(--bg-secondary);opacity:0;flex:0 0 25px}#name[data-v-365f44fb]{margin-top:15px;display:flex;justify-content:center;align-items:center;text-justify:center}#name a[data-v-365f44fb]{margin-left:15px}#name img[data-v-365f44fb]{filter:invert(100%);width:24px;height:24px}.projects-card[data-v-365f44fb]{display:flex;flex-direction:column;align-items:center;text-align:center;width:300px;max-height:600px;padding:30px 10px 20px;border-radius:15px;background-color:var(--darker);color:var(--bg-secondary);box-shadow:6px 6px 4px #7b8379}.projects-card img[data-v-365f44fb]{border-radius:20px;max-width:300px;height:150px;object-fit:cover}.card-text span[data-v-365f44fb]{width:max-content;font-size:30px;font-weight:600;height:32px}.card-text p[data-v-365f44fb]{font-size:16px;width:fit-content;max-width:100%;word-wrap:break-word;margin-top:5px;margin-inline:10px}#projects-grid[data-v-d640339e]{margin-top:3vh;display:grid;grid-template-columns:max-content max-content;column-gap:3rem;row-gap:2rem}#projects-header[data-v-d640339e]{margin-top:15vh;display:grid;grid-template-columns:auto max-content auto;align-items:end;text-align:center;width:50%}#p-header[data-v-d640339e]{padding-top:15px;padding-inline:10px;border-radius:10px 10px 0 0}#projects-header span[data-v-d640339e]{white-space:nowrap;overflow:hidden;background-color:var(--darker);color:var(--bg-secondary)}#projects-footer[data-v-d640339e]{height:10px;margin-top:3vh;width:50%;background-color:var(--darker)}#typewriter-terminal-line[data-v-8182188c]{width:fit-content;display:flex}#terminal-cmd[data-v-8182188c]{border-right:1px solid;animation:blink-8182188c 1s step-end infinite}@keyframes blink-8182188c{50%{border-color:transparent}}#progress-bar[data-v-8182188c]{background-color:#47b838;color:#411934}#terminal-container[data-v-8182188c]{width:55%;margin-top:15vh;margin-bottom:5vh;z-index:89;box-shadow:10px 13px 6px #3f3d3d}#terminal-header[data-v-8182188c]{display:flex;color:var(--bg-secondary);background-color:#333;height:40px;border-radius:10px 10px 0 0;justify-content:end}#terminal-window[data-v-8182188c]{background-color:#2c001e;height:55vh;font-size:20px;color:#dad7d3}#terminal-window p[data-v-8182188c]{margin-left:5px}#terminal-buttons[data-v-8182188c]{max-width:fit-content;padding-top:5px;margin-right:25px}#projects-ascii[data-v-8182188c]{width:100%;height:fit-content;margin-left:25%}ul.butau[data-v-8182188c]{list-style:none;display:flex;justify-content:center;gap:12px;flex:0;margin:0;padding:0;align-items:center}ul.butau li[data-v-8182188c]{text-align:center;width:18px;height:18px;display:block;flex:0 0 18px}ul.butau div[data-v-8182188c]{align-self:center}#projects-container[data-v-3c161c17]{display:flex;align-items:center;justify-content:center;flex-direction:column}#bg-noise[data-v-3c161c17]{position:relative}#bg-noise span[data-v-3c161c17]{color:#cecac5;position:absolute;overflow:hidden;white-space:nowrap;max-width:300px}.keep-out[data-v-1f94ff99]{display:flex;width:100%;overflow:hidden;justify-content:center;white-space:nowrap;text-align:center;font-size:40px;font-weight:800}.yellow[data-v-1f94ff99]{color:#fce51c}#playground[data-v-1f94ff99]{color:#fff;background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh;z-index:50;position:absolute}#playground-bg[data-v-1f94ff99]{position:relative;background-color:transparent;width:100%;z-index:49}#shader-demo-container[data-v-1f94ff99]{z-index:51;width:50vw;height:30vh;margin-top:5rem;box-shadow:0 7px 3px #6e6969}#playground-heading[data-v-1f94ff99]{max-height:64px;width:80%;display:flex;justify-content:center;padding:.5rem 1rem}#playground-heading span[data-v-1f94ff99]{width:fit-content;white-space:nowrap;font-size:48px}img[data-v-1f94ff99]{flex-shrink:3;margin-inline:3rem}p[data-v-1f94ff99]{font-size:20px;padding:15px 40px;margin-bottom:20px;color:#6e6969;width:35%;text-align:center}