@import "https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--background:oklch(14.1% .005 285.823);--border:oklch(100% 0 0/.1);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--primary:#5188ca;--primary-border:#3c6291;--secondary:#2b2b2b;--secondary-border:#3d3d3d;--grid-gap:clamp(4px, .5vw, 16px)}body{background:var(--background);font-optical-sizing:auto;color:var(--card-foreground);justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Rubik,sans-serif;font-style:normal;font-weight:400;display:flex;overflow:hidden}h1{word-break:break-word;text-align:left;margin-bottom:0;font-size:clamp(1rem,3vw,6rem)}h2{word-break:break-word;text-align:left;margin-bottom:0;font-size:clamp(.8rem,2.4vw,4.8rem)}h3{word-break:break-word;text-align:left;margin-bottom:0;font-size:clamp(.6rem,1.8vw,3.6rem)}p{word-break:break-word;text-align:left;margin-top:0;font-size:clamp(.5rem,1.5vw,3rem);overflow-y:hidden}li{text-align:left;margin-top:0;font-size:clamp(.5rem,1.5vw,3rem)}.color-highlight{color:var(--primary);font-weight:700}.box{background-color:var(--card);border:2px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%;height:100%;min-height:0;overflow:hidden}.home-layout{gap:var(--grid-gap);aspect-ratio:7/5;box-sizing:border-box;grid-template-rows:1fr 2fr;width:70vw;min-height:0;display:grid}.top-layout{padding:var(--grid-gap);box-sizing:border-box;grid-template-columns:1fr 3fr;width:100%;height:100%;display:grid}.top-left-layout{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.top-right-layout{width:100%;height:100%;max-height:100%;display:block;overflow:hidden}.box h1{word-break:break-word;text-align:left;margin-top:0;margin-bottom:0;font-size:clamp(1rem,3vw,6rem)}.box h2{word-break:break-word;text-align:left;color:var(--primary-border);margin-top:0;margin-bottom:0;font-size:clamp(.8rem,2.4vw,4.8rem);text-decoration:none}.bottom-layout{gap:var(--grid-gap);grid-template-columns:3fr 1fr;min-height:0;display:grid}.bottom-middle-layout{gap:var(--grid-gap);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;min-height:0;display:grid}.bottom-middle-layout>*{cursor:pointer}.bottom-right-layout{gap:calc(var(--grid-gap) * 6);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.ImageTextBox-box{background-color:var(--card);border:2px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%;height:100%;min-height:0;overflow:hidden}.ImageTextBox-box:hover{background-color:var(--primary);border:2px solid var(--primary-border)}.ImageTextBox-box:active{transform:translateY(2px)}.ImageTextBox-layout{box-sizing:border-box;grid-template-rows:3fr 1fr;width:100%;height:100%;min-height:0;padding:5px 5px 0;display:grid;overflow:hidden}.ImageTextBox-image{min-height:0;position:relative;overflow:hidden}.ImageTextBox-image svg{width:100%;height:100%;fill:var(--card-foreground);position:absolute}.ImageTextBox-text{word-break:break-word;text-align:center;text-overflow:ellipsis;justify-content:center;align-items:center;font-size:clamp(.6rem,2vw,1.6rem);display:flex;overflow:hidden}.circle{border:2px solid var(--border);aspect-ratio:1;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;width:90%;min-height:0;display:flex;position:relative;overflow:hidden}.circle img{object-fit:contain;width:100%;height:100%;position:absolute}.square{aspect-ratio:1;box-sizing:border-box;border-radius:20%;justify-content:center;align-items:center;width:60%;min-height:0;display:flex;position:relative;overflow:hidden}.square svg{width:100%;height:100%;fill:var(--card-foreground)}.square:active{transform:translateY(2px)}.square:hover svg{fill:var(--primary)}.bottom-right-layout a{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.about-me-layout{width:100vw;max-width:100vw;height:100vh;padding:var(--grid-gap);justify-content:flex-start;align-items:center;gap:var(--grid-gap);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:auto}.about-me-text-layout{justify-content:flex-start;gap:var(--grid-gap);width:90vw;margin:var(--grid-gap);padding:calc(var(--grid-gap) * 4);flex-direction:column;list-style:none;display:flex}.about-me-text-layout .li-box{padding:var(--grid-gap);flex-direction:column;flex:none;justify-content:flex-start;display:flex}.about-me-text-layout .li-box h1{text-align:left;margin-left:calc(var(--grid-gap) * 4);margin-top:0;margin-bottom:0}.about-me-text-layout .li-box h2{text-align:left;color:var(--primary);margin-left:calc(var(--grid-gap) * 4);margin-top:0;margin-bottom:0}.about-me-text-layout .li-box h3{text-align:left;color:var(--primary-border);margin-left:calc(var(--grid-gap) * 4);margin-top:0}.about-me-text-layout .li-box li,.about-me-text-layout .li-box p{text-align:left;margin-left:calc(var(--grid-gap) * 4)}.BackButton-box{background-color:var(--card);border:2px solid var(--border);aspect-ratio:3;box-sizing:border-box;width:15vw;min-height:0;top:calc(var(--grid-gap) * 3);left:calc(var(--grid-gap) * 3);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.BackButton-box:hover{background-color:var(--primary);border:2px solid var(--primary-border)}.BackButton-box:active{transform:translateY(2px)}.BackButton-layout{justify-content:center;align-items:center;width:100%;max-width:100%;max-height:100%;display:flex}.BackButton-item{font-size:clamp(.6rem,2vw,1.6rem);display:flex}.projects-layout{width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:var(--grid-gap);justify-content:flex-start;align-items:center;gap:var(--grid-gap);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}.projects-container-layout{gap:var(--grid-gap);box-sizing:border-box;flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;width:100%;max-width:70vw;min-height:0;display:grid}.projects-container-layout>*{min-width:0;min-height:0}.ProjectBox-box{background-color:var(--card);border:2px solid var(--border);box-sizing:border-box;border-radius:8px;width:80%;height:80%;min-height:0;overflow:hidden}a{color:var(--card-foreground);text-decoration:none}.ProjectBox-layout{padding:var(--grid-gap);box-sizing:border-box;gap:var(--grid-gap);grid-template-rows:auto 3fr 1fr;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.ProjectBox-title{word-break:break-word;text-align:center;text-overflow:ellipsis;justify-content:center;align-items:center;font-size:clamp(.6rem,2vw,1.6rem);display:flex;overflow:hidden}.ProjectBox-image{justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.ProjectBox-image img{border:2px solid var(--border);object-fit:contain;box-sizing:border-box;border-radius:16px;max-width:100%;max-height:100%}.ProjectBox-button-layout{gap:var(--grid-gap);box-sizing:border-box;width:100%;height:100%;min-height:0;padding:0 var(--grid-gap) var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}.ProjectBox-button-layout a{width:100%;height:100%;min-height:0;display:flex}.ProjectBox-button-layout-single{gap:var(--grid-gap);box-sizing:border-box;width:100%;height:100%;min-height:0;padding:0 var(--grid-gap) var(--grid-gap);grid-template-columns:1fr;place-items:center;display:grid}.ProjectBox-button-layout-single a{width:50%;height:100%;min-height:0;display:flex}.TextButton-box{background-color:var(--secondary);border:2px solid var(--secondary-border);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.TextButton-box:hover{background-color:var(--primary);border:2px solid var(--primary-border)}.TextButton-box:active{transform:translateY(2px)}.TextButton-text{justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;font-size:clamp(.6rem,2vw,1.6rem);display:flex}.experience-layout{width:100vw;max-width:100vw;height:100vh;padding:var(--grid-gap);justify-content:flex-start;align-items:center;gap:var(--grid-gap);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:auto}.experience-text-layout{justify-content:flex-start;gap:var(--grid-gap);width:90vw;margin:var(--grid-gap);padding:calc(var(--grid-gap) * 4);flex-direction:column;list-style:none;display:flex}.li-box{background-color:var(--card);border:2px solid var(--border);box-sizing:border-box;border-radius:8px;width:100%;overflow:hidden}.experience-text-layout .li-box{padding:var(--grid-gap);flex-direction:column;flex:none;justify-content:flex-start;display:flex}.experience-text-layout .li-box h1{text-align:left;margin-left:calc(var(--grid-gap) * 4);margin-top:0;margin-bottom:0}.experience-text-layout .li-box h2{text-align:left;color:var(--primary);margin-left:calc(var(--grid-gap) * 4);margin-top:0;margin-bottom:0}.experience-text-layout .li-box h3{text-align:left;color:var(--primary-border);margin-left:calc(var(--grid-gap) * 4);margin-top:0}.experience-text-layout .li-box li{text-align:left;margin-left:calc(var(--grid-gap) * 4)}