@import "https://fonts.googleapis.com/css2?family=Kantumruy+Pro:ital,wght@0,100..700;1,100..700&family=Mitr:wght@200;300;400;500;600;700&display=swap";*,:before,:after{box-sizing:inherit}*{margin:0}body{background-color:#0000;background-image:linear-gradient(#000 0%,#29324100 100%),linear-gradient(90deg,#293241 0%,#000 100%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100vw;min-height:100vh;display:block}#root{width:100vw;height:100vh;min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty;font-family:var(--font-paragraph)}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-family:var(--font-heading);font-weight:500}@font-face{font-family:mitr;src:url(/assets/Mitr-Regular-BfhZPCB2.ttf)}:root{--defaultWidth:97.6875rem;--color1:#98c1d9;--color2:#293241;--color3:#cfcfcf;--color4:#75c1f3;--color-bg:#c7c7c7;--color-text:#000;--color-header-button-bg:#999;--font-paragraph:"Kantumruy Pro",sans-serif;--font-heading:"mitr";--padding:1.875rem;--padding-top-homePanel:10rem;--height-profileImage:35.8125rem;--width-profileImage:38.125rem;--spacing:.625rem}.header{align-items:center;width:100%;height:100px;display:flex}.HeaderToggleButton{color:azure}.nav_list{grid-template-columns:1fr auto auto auto auto;gap:2em;padding:0;display:grid}.nav_list__item{justify-content:left;width:auto;height:auto;display:flex}.nav_list__item button{cursor:pointer;font-family:var(--font-heading);color:var(--color2);white-space:nowrap;background:0 0;border:none;font-size:1.5rem}.nav_list__item button:hover{color:var(--color4);background:0 0;border:none}.nav_list__item button:active{color:var(--color3);background:0 0;border:none}.nav_wrapper_mobile{display:none}.optionsButton{background:50% no-repeat;background-image:var(--button-img-default);border:none;width:3.25rem;height:3.25rem;padding:0;display:flex}.optionsButton:hover{background-image:var(--button-img-over)}.optionsButton:active{background-image:var(--button-img-select)}@media screen and (max-width:61.875rem){.nav_wrapper{display:none}.nav_wrapper_mobile{justify-content:right;display:flex}}.homePanel{width:1fr;height:auto}.homePanel__greeting{-webkit-user-select:none;user-select:none;z-index:1;background-image:url("data:image/svg+xml,<svg viewBox=\"0 0 410 160\" preserveAspectRatio=\"none\" transform=\"scale(-1 1)\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"25rem\" height=\"9.375rem\" rx=\"10\" fill=\"hsl(204, 47%, 49%)\"/><rect width=\"3.125rem\" height=\"3.125rem\" rx=\"5\" x=\"17.5rem\" y=\"5.625rem\"  fill=\"hsl(204, 47%, 49%)\" transform=\"rotate(9 300 125) skewX(30)\"/></svg>");background-position:0 0;background-repeat:no-repeat;background-size:cover;grid-area:greeting;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:10px 10px 10px 20px;display:flex;position:relative;transform:translate(400px,50px)}.homePanel .infoContainer{z-index:0;background:0 0;grid-area:info;justify-content:center;align-items:center;display:flex;position:relative}.homePanel .infoContainer__intro{font-family:var(--font-paragraph);text-align:left;grid-area:intro;width:auto;height:auto;font-size:18px}@media screen and (min-width:320px){.homePanel .infoContainer__intro{font-size:calc(18px + strip-unit(6px)*(100vw - 320px)/strip-unit(670px))}}@media screen and (min-width:990px){.homePanel .infoContainer__intro{font-size:24px}}.homePanel .infoContainer__img{grid-area:img;width:100px}@media screen and (min-width:320px){.homePanel .infoContainer__img{width:calc(100px + strip-unit(510px)*(100vw - 320px)/strip-unit(670px))}}@media screen and (min-width:990px){.homePanel .infoContainer__img{width:610px}}.homePanel .infoContainer__img{height:auto;transform:scaleX(-1)}.projectsPanel{grid-gap:10px;grid-template-areas:"currProject mediaContainer""projects info";width:100%;height:500px;display:grid}.currentProject{background-color:red;grid-area:currProject}.mediaContainer{background-color:green;grid-area:mediaContainer}.projectsContainer{background-color:#00f;grid-area:projects}.infoContainer{background-color:#ff0;grid-area:info}