a{color:#000;text-decoration:underline}a:hover{color:#666}@font-face{font-family:Kosugi;font-weight:400;font-style:normal;src:url(/_astro/Kosugi-Regular.B2qkcJ5p.woff2) format("woff2")}@font-face{font-family:myFont;src:url(/_astro/ShipporiMincho-Regular.DvcFaEhV.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:myFont;src:url(/_astro/ShipporiMincho-Bold.DkGDpRur.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:korean;src:url(/_astro/GowunBatang-Regular.BukNUDBB.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:korean;src:url(/_astro/GowunBatang-Bold.CyYNnQuh.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html{height:100%;font-size:.8rem}body{font-family:myFont,korean,sans-serif;margin:0;padding:0;height:100vh;overscroll-behavior:none;overflow-x:hidden;transition:background-color 1s ease;background-color:#fff;color:#fff;display:flex;position:relative;width:100%}.navbar{background-color:#0000;display:flex;flex-direction:column;justify-content:flex-end;padding-left:2rem;padding-bottom:2rem;z-index:10;pointer-events:none;position:fixed;bottom:0}.navbar a{text-decoration:none;color:#000;margin:.5rem 0;transition:color .3s ease;pointer-events:auto}.navbar a:hover{color:#666}main{background-color:#0000;box-sizing:border-box;overflow-x:hidden;color:#000;width:100%;text-align:justify;text-align-last:justify;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;align-items:center;padding:2rem;min-height:100vh;margin:auto 0}.projects-container{font-size:1rem;display:flex;flex-direction:column;gap:2rem;text-align:left;text-align-last:left;width:100%;max-width:800px;margin:50px auto 0;padding-top:0;align-items:center}main.projects-page{justify-content:center;align-items:center;padding:4rem 2rem;min-height:100vh}main.index-page{justify-content:flex-start;align-items:center;padding:2rem;min-height:100vh}main.education-page{justify-content:flex-start;align-items:center;padding:2rem;min-height:100vh}main.experiences-page{justify-content:flex-start;align-items:center;padding:2rem;min-height:100vh}main.contact-page{justify-content:flex-start;align-items:center;padding:2rem;min-height:100vh}.educations-container{font-size:1rem;display:flex;flex-direction:column;gap:2rem;text-align:left;text-align-last:left;width:100%;max-width:800px;margin:auto;align-items:center}.index-content{display:flex;flex-direction:column;align-items:center;margin:auto 0}.pfp-image{width:150px;height:150px;object-fit:cover}.main-text{justify-content:center;padding-top:1rem;max-width:375px;text-align:justify;text-align-last:left;text-justify:inter-word}.contact-info{font-size:1rem;text-align:center;text-align-last:center;margin:auto 0}.mobile-menu-btn{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1001;background:none;border:none;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;cursor:pointer;padding:0}.mobile-menu-btn span{display:block;width:25px;height:2px;background-color:#000;margin:3px 0;transition:all .3s ease;transform-origin:center}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:2rem}.mobile-nav a{color:#000;text-decoration:none;font-size:1.5rem;transition:color .3s ease}.mobile-nav a:hover{color:#666}.project-description{text-align:justify}@media (max-width: 768px){.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.navbar{display:none}main{padding:1rem}.main-text{padding:1rem;max-width:100%}.pfp-image{width:120px;height:120px}.educations-container{padding-top:100px}.project-description{text-align:left;text-align-last:left}}.project{text-align-last:left;max-width:600px}.project-title{font-size:2rem;font-weight:700;text-align:left;text-align-last:left}.project-date{text-align-last:left;text-align:left}.project-technologies{font-size:1.25rem;text-align:left;text-align-last:left}.education-title{font-size:1.5rem;font-weight:700}.educations{max-width:500px;margin:10px;text-align:left;text-align-last:left;margin-bottom:2rem;display:flex;flex-direction:row}.edu-date{font-size:1rem;text-align:left;text-align-last:left}.edu-title{min-width:150px;max-width:150px;margin-right:1rem;display:flex;flex-direction:column}.edu-desc{display:flex;flex-direction:column}.degree{font-size:1.25rem;margin-bottom:1rem}.logo{font-family:Kosugi,sans-serif;font-size:2rem;background-color:#fff;margin:10px;color:#000}