@font-face{font-family:terminus;src:url(/fonts/terminus-bold-italic.woff2) format("woff2"),url(/fonts/terminus-bold-italic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:terminus;src:url(/fonts/terminus-italic.woff2) format("woff2"),url(/fonts/terminus-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:terminus;src:url(/fonts/terminus-bold.woff2) format("woff2"),url(/fonts/terminus-bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:terminus;src:url(/fonts/terminus.woff2) format("woff2"),url(/fonts/terminus.woff) format("woff");font-weight:400;font-style:normal}html{font-size:16px;--PRIMARY-FONT: normal normal 400 1em/100% "Terminus", monospace;--PRIMARY-BG: #141421;font:var(--PRIMARY-FONT);line-height:150%}body{position:relative}*{box-sizing:border-box;margin:0;padding:0;float:none;clear:both;font:inherit;color:inherit;line-height:inherit}a[href^="mailto:"]{word-break:break-all}#root{display:flex;place-content:center;width:100vw;height:100vh}.disable_animations{position:absolute;top:20px;right:20px}.animated_bg{position:fixed;inset:0;background-color:var(--PRIMARY-BG);transition:background-color .5s ease}.animated_bg svg,.animated_bg .waves{position:absolute;bottom:0}@media(prefers-reduced-motion:no-preference){.animated_bg .parallax>use{--_delay: 0;--_duration: 25s;--_r: 255;--_g: 255;--_b: 255;--_fill-opacity: .2;animation:waves var(--_duration) cubic-bezier(.55,.5,.45,.5) var(--_delay) infinite;fill:rgba(var(--_r) var(--_g) var(--_b) / var(--_fill-opacity));transition:fill .5s ease}.animated_bg .parallax>use:nth-child(1){--_delay: -2s;--_duration: 7s}.animated_bg .parallax>use:nth-child(2){--_delay: -3s;--_duration: 10s;--_fill-opacity: .3}.animated_bg .parallax>use:nth-child(3){--_delay: -4s;--_duration: 13s;--_fill-opacity: .5}.animated_bg .parallax>use:nth-child(4){--_delay: -5s;--_duration: 20s;--_fill-opacity: .7}.animated_bg.home .parallax>use{--_r: 255;--_g: 255;--_b: 255}.animated_bg.about{--PRIMARY-BG: rgb(2 21 38)}.animated_bg.about .parallax>use{--_r: 3;--_g: 52;--_b: 110}.animated_bg.exp{--PRIMARY-BG: rgb(26 54 54)}.animated_bg.exp .parallax>use{--_r: 64;--_g: 83;--_b: 76}.animated_bg.contact{--PRIMARY-BG: rgb(62 50 50)}.animated_bg.contact .parallax>use{--_r: 80;--_g: 60;--_b: 60}.animated_bg.prjs{--PRIMARY-BG: rgb(64, 66, 88)}.animated_bg.prjs .parallax>use{--_r: 107;--_g: 114;--_b: 142}.animated_bg.not_found{--PRIMARY-BG: rgb(160 21 62)}.animated_bg.not_found .parallax>use{--_r: 255;--_g: 32;--_b: 78}}@keyframes waves{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.terminal_wrapper{--_project-width: 0%;display:grid;grid-template-columns:1fr var(--_project-width);width:100vw;height:100svh;transition:grid-template-columns .5s cubic-bezier(.075,.82,.165,1);overflow:clip}.terminal_wrapper:has(.projects_section.active){--_project-width: 50%}.terminal{--gap: 8px;--color1: #5353d6;container:terminal/inline-size;position:relative;display:block;margin:auto;width:90%;max-width:800px;overflow:hidden;border-radius:var(--gap);color:#fff}.terminal:before{--_terminal-opacity: .25;content:"";position:absolute;inset:0;background:rgba(20 20 33 / var(--_terminal-opacity));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 8px rgba(0 0 0 / var(--_terminal-opacity));z-index:1}.terminal menu{position:sticky;display:flex;top:0;left:0;gap:var(--gap);padding:var(--gap);width:100%;border-bottom:1px solid var(--color1);background-color:#141421;z-index:2}.terminal menu li{list-style-type:none;width:15px;height:15px;background:var(--_bg-color);border-radius:50%;cursor:not-allowed}.terminal menu li.red{--_bg-color: #ff5f56}.terminal menu li.yellow{--_bg-color: #ffbd2e}.terminal menu li.green{--_bg-color: #27c93f}.terminal .wrapper{position:relative;padding:calc(var(--gap) * 2);max-height:325px;overflow-y:auto;z-index:2}.terminal h1{font-size:1.2em;margin-bottom:calc(var(--gap) * 2)}.terminal h2:before{content:">>";display:inline-block;margin-right:var(--gap)}.terminal p:before{content:">";display:inline-block;margin-right:var(--gap)}.terminal p.hoverable{cursor:pointer;width:fit-content;text-decoration:underline}.terminal p.hoverable[disabled]{cursor:not-allowed;pointer-events:none}.terminal p span.option{color:#00ed00}.terminal div.col2{display:grid;grid-template-columns:repeat(2,1fr);gap:1em;grid-auto-flow:row}.terminal div.col2>div p{display:grid;grid-template-columns:1em 1fr}.terminal div.col2 .pp{display:flex;align-items:center;grid-column:1/-1;gap:1em}.terminal div.col2 .pp img{--_image-width: 100px;width:var(--_image-width);height:var(--_image-width);object-fit:contain;border-radius:50%}.terminal .wrapper>ul{margin-bottom:calc(var(--gap))}.terminal .wrapper>ul li{list-style-type:none}.terminal ul.col3 li,.terminal ul[col="3"] li{display:inline-block;width:max(150px,33%)}:is(.terminal ul.col3 li,.terminal ul[col="3"] li):before{content:"- ";display:inline}.terminal ul.col2 li,.terminal ul[col="2"] li{display:inline-block;width:max(300px,50%);word-break:break-all}:is(.terminal ul.col2 li,.terminal ul[col="2"] li):before{content:"- ";display:inline}:is(.terminal ul.col2 li,.terminal ul[col="2"] li) a{cursor:pointer}.terminal ol,.terminal .options{margin-block:var(--gap);padding-left:calc(var(--gap) * 4)}:is(.terminal ol,.terminal .options) li{list-style-type:decimal}:is(.terminal ol,.terminal .options) small{color:#00ed00;font-size:.8em}.terminal .input_wrap{display:grid;grid-template-columns:max-content 1fr}.terminal .input_wrap .terminal_prompt{color:#00ed00}.terminal .input_wrap input[type=text],.terminal .input_wrap .terminal_input{margin-left:calc(var(--gap) / 2);display:inline-block;width:auto;background:transparent;border:none}:is(.terminal .input_wrap input[type=text],.terminal .input_wrap .terminal_input):focus,:is(.terminal .input_wrap input[type=text],.terminal .input_wrap .terminal_input):focus-visible{outline:none}.terminal .input_wrap ::placeholder{color:#00ed00}@container terminal (width <=480px){.terminal .wrapper{max-height:80dvh}.terminal .col2{flex-flow:column wrap}.terminal .col2 .pp{display:block}.terminal .col2 .pp img{--_image-width: 90px;float:left;shape-outside:margin-box;margin-right:1em;border-radius:0}.terminal .col2 .pp p{display:inline;text-align:justify}.terminal div.about-col2 .pp{display:block}.terminal .input_wrap{grid-template-columns:1fr}.terminal .hobby{grid-column:span 2}}.projects_section{position:relative;padding:1em;margin-right:-100vw;transition:margin-right .5s cubic-bezier(.075,.82,.165,1)}.projects_section.active{margin-right:0}.projects_section:before{content:"";position:absolute;inset:0;background:#14142140;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1}.projects_section span.close{content:url(../images/icons/close.png);position:relative;display:block;margin-left:auto;margin-bottom:1em;width:20px;height:20px;z-index:2;cursor:pointer}.projects_section .project{display:flex;position:relative;color:#fff;text-align:center;flex-flow:column;align-items:center;margin-block:auto;gap:1em;z-index:2}.projects_section .project img.hero{display:block;max-width:600px;height:100%;border-radius:8px}.projects_section .project h2{font-size:1.5em;max-width:75%}.projects_section .project ul{display:flex;justify-content:center;align-items:center;width:75%;gap:2em}.projects_section .project ul li{list-style-type:none}.projects_section .project ul li img{width:30px;height:30px;object-fit:contain;border-radius:8px}aside{position:absolute;bottom:20px;right:20px;display:flex;flex-flow:column wrap;place-content:center;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 8px #00000040;border-radius:8px;padding-block:.5rem;color:#fff;z-index:999}aside h2,aside p{padding-inline:1rem}aside .close{position:absolute;right:0;top:0;color:#fff;font-size:1.5rem;border-radius:50%;width:1.5rem;height:1.5rem;line-height:.9;text-align:center;cursor:pointer}aside form{display:flex;flex-flow:column;gap:1em;padding:1em;color:#000}@media only screen and (max-width:800px){.animated_bg{position:absolute}.terminal_wrapper{grid-template-columns:1fr;transition:none}.projects_section{position:fixed;top:0;left:0;height:100svh;width:100vw;margin-right:0;transform:translate(100%);transition:transform .45s cubic-bezier(.075,.82,.165,1);overflow-y:auto;z-index:100}.projects_section.active{transform:translate(0)}.projects_section:before{z-index:2;position:fixed}.projects_section img.hero{width:80%}.project ul{flex-wrap:wrap}}@media only screen and (max-width:480px){.terminal{margin-top:10%}}