@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:100%;min-height:100vh;margin:0;padding:0;font-family:Rubik,sans-serif;font-style:normal;font-weight:400;display:flex;overflow-x:hidden}h1{word-break:break-word;text-align:left;margin-bottom:0;font-size:clamp(1rem,3vw,4.5rem)}h2{word-break:break-word;text-align:left;margin-bottom:0;font-size:clamp(.8rem,2.4vw,3.6rem)}h3{word-break:break-word;text-align:left;margin-bottom:0;font-size:clamp(.6rem,1.8vw,2.7rem)}p{word-break:break-word;text-align:left;margin-top:0;font-size:clamp(.5rem,1.5vw,2.25rem);overflow-y:hidden}li{text-align:left;margin-top:0;font-size:clamp(.5rem,1.5vw,2.25rem)}.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}@media (width<=768px){body{align-items:flex-start}h1{font-size:clamp(1rem,5vw,2rem)}h2{font-size:clamp(.8rem,4vw,1.5rem)}h3{font-size:clamp(.6rem,3vw,1.2rem)}p,li{font-size:clamp(.75rem,3vw,1rem)}}.home-layout{gap:var(--grid-gap);aspect-ratio:7/5;box-sizing:border-box;grid-template-rows:1fr 2fr;width:min(70vw,112vh);min-height:0;display:grid}.top-layout{padding:var(--grid-gap);box-sizing:border-box;grid-template-columns:1fr 4fr;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{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.top-right-layout p{text-align:left;word-break:break-word;flex:1;min-height:0;margin-top:0;font-size:clamp(.3rem,min(2vw,2.4vh),2rem);overflow-y:auto}.box h1{word-break:break-word;text-align:left;margin-top:0;margin-bottom:0;font-size:clamp(1rem,min(3.5vw,4.2vh),2.2rem)}.box h2{word-break:break-word;text-align:left;color:var(--primary-border);margin-top:0;margin-bottom:0;font-size:clamp(.5rem,min(2vw,2.4vh),1.2rem);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}@media (width<=768px){.home-layout{width:95vw;aspect-ratio:unset;padding:var(--grid-gap);grid-template-rows:auto auto;min-height:auto}.top-layout{gap:var(--grid-gap);text-align:center;grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center}.top-left-layout{width:120px;height:auto}.top-right-layout{height:auto;max-height:unset;align-items:center;overflow:visible}.top-right-layout p{text-align:center;flex:1;min-height:0;font-size:clamp(.5rem,3.5vw,1.2rem);overflow-y:auto}.box h1{word-break:break-word;text-align:left;margin-top:0;margin-bottom:0;font-size:clamp(1.2rem,5vw,2rem)}.box h2{word-break:break-word;text-align:left;color:var(--primary-border);margin-top:0;margin-bottom:0;font-size:clamp(.8rem,3.5vw,1.5rem);text-decoration:none}.bottom-layout{grid-template-rows:auto auto;grid-template-columns:1fr}.bottom-middle-layout{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.bottom-right-layout{gap:var(--grid-gap);padding:var(--grid-gap);flex-direction:row;justify-content:center;align-items:center;height:auto;min-height:60px}.box{height:auto;overflow:visible}}@media (width<=480px){.home-layout{width:100vw;padding:8px}.top-left-layout{width:100px}.box h1{word-break:break-word;text-align:left;margin-top:0;margin-bottom:0;font-size:clamp(1rem,4.5vw,1.8rem)}.box h2{word-break:break-word;text-align:left;color:var(--primary-border);margin-top:0;margin-bottom:0;font-size:clamp(.7rem,3vw,1.2rem);text-decoration:none}}.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,1.8vw,2.7rem);display:flex;overflow:hidden}@media (width<=768px){.ImageTextBox-box{min-height:80px}.ImageTextBox-text{font-size:clamp(.6rem,3vw,1.2rem)}}.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}@media (width<=768px){.circle{width:120px;height:120px}}@media (width<=480px){.circle{width:100px;height:100px}}.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}@media (width<=768px){.square{width:48px;height:48px}}.about-me-layout{width:100vw;max-width:100vw;min-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 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)}@media (width<=768px){.about-me-layout{padding-top:60px}.about-me-text-layout{width:100%;padding:var(--grid-gap);margin:0}.about-me-text-layout .li-box{padding:12px}.about-me-text-layout .li-box h1,.about-me-text-layout .li-box h2,.about-me-text-layout .li-box h3{margin-left:0}.about-me-text-layout .li-box li{margin-left:8px}.about-me-text-layout .li-box p{margin-left:0}}.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);cursor:pointer;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,1.8vw,2.7rem);display:flex}@media (width<=768px){.BackButton-box{width:auto;aspect-ratio:unset;z-index:10;padding:8px 16px;top:10px;left:10px}.BackButton-item{align-items:center;gap:4px;font-size:clamp(.6rem,3vw,1.2rem)}}.projects-layout{width:100vw;max-width:100vw;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 auto}.projects-container-layout{row-gap:calc(var(--grid-gap) * 4);column-gap:calc(var(--grid-gap) * 4);width:100%;max-width:70vw;margin:calc(var(--grid-gap) * 4);box-sizing:border-box;flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;min-height:0;display:grid}.projects-container-layout>*{min-width:0;min-height:0}@media (width<=768px){.projects-layout{padding-top:60px;overflow-y:auto}.projects-container-layout{flex:unset;grid-template-rows:auto;grid-template-columns:1fr;gap:12px;max-width:95vw;padding-bottom:20px}.projects-container-layout>*{width:100%;min-height:250px}}.ProjectBox-box{background-color:var(--card);border:2px solid var(--border);aspect-ratio:4/3;box-sizing:border-box;border-radius:8px;width:100%;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}@media (width<=768px){.ProjectBox-box{aspect-ratio:4/3;width:100%;min-height:0}.ProjectBox-layout{grid-template-rows:auto 1fr auto;gap:8px;min-height:220px;padding:8px}.ProjectBox-title{font-size:clamp(.6rem,3vw,1.2rem)}.ProjectBox-image img{border-radius:8px}.ProjectBox-button-layout,.ProjectBox-button-layout-single{min-height:36px;padding:0 4px 4px}.ProjectBox-button-layout-single a{width:70%}}.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,1.8vw,2.7rem);display:flex}@media (width<=768px){.TextButton-text{padding:6px 8px;font-size:clamp(.6rem,3vw,1.2rem)}}.experience-layout{width:100vw;max-width:100vw;min-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 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)}@media (width<=768px){.experience-layout{padding-top:60px}.experience-text-layout{width:100%;padding:var(--grid-gap);margin:0}.experience-text-layout .li-box{padding:12px}.experience-text-layout .li-box h1,.experience-text-layout .li-box h2,.experience-text-layout .li-box h3{margin-left:0}.experience-text-layout .li-box li{margin-left:8px}}