ul{list-style:none}*{margin:0;padding:0;color:#2d2a29;font-family:"Ancizar Serif",serif}#root{background-color:#efe9e6;width:100%}main{width:85%;margin-left:0%;background-color:#f1f1f1}section:not(:first-of-type){margin-top:5vh}a{color:inherit;text-decoration:none}.sectionTitle{display:flex;align-items:center;gap:2rem;line-height:10vh;height:10vh}.sectionTitle h1{font-size:4rem;margin-left:5%;padding-left:2%;white-space:nowrap;color:#c19e77}.sectionTitle .line{height:1px;margin-right:0;flex-grow:1;background-color:#c19e77}.open-button{display:none;position:fixed;top:1rem;right:1rem;font-size:2rem;cursor:pointer;z-index:100}@media screen and (max-width:768px){main{width:100%;margin-left:0}.sectionTitle h1{font-size:2.5rem;margin-left:2rem}.open-button{display:block}}.work-information{display:flex;justify-content:space-between;gap:60px;background:#e8dcd0;padding:48px;border-radius:24px;height:calc(70vh - 48px)}.information-text{width:50%}.work-title{font-size:2.5rem;margin-bottom:8px}.work-name{font-size:2.1rem;color:#555;margin-bottom:32px}.work-information h3{font-size:1.8rem;margin-bottom:16px}.work-information .tech-block{margin-bottom:24px}.work-information .tech-label{display:block;font-size:1.5rem;font-weight:600;color:#91683c;margin-bottom:8px}.work-information .tech-tags{display:flex;flex-wrap:wrap;gap:10px}.work-information .tech-tags span{background:#d4c0ab;padding:6px 14px;border-radius:999px;font-size:1.2rem}.work-information .tech-tags.frontend span{background:#c19e77;color:#fff}.work-information .information-image{border-radius:16px;height:100%}.work-information .information-image img{width:100%;display:block;height:100%;object-fit:contain}.explain{font-size:1.4rem;line-height:1.6;margin-top:16px}.workDescription{width:50%;margin:0 auto;margin-top:5vh;padding-bottom:10vh}.workDescription h2{font-size:2.5rem;margin-bottom:2vh}.description-block{margin:0 auto;margin-bottom:5vh}.description-block h3{font-size:2rem;margin-bottom:1vh}.description-block img{width:100%;border-radius:16px}.description-block iframe{width:100%;height:400px;border-radius:16px}.description-block p{font-size:1.4rem;line-height:1.6;margin-top:1vh}.backToHome{display:block;width:fit-content;margin:0 auto;padding:1rem 2rem;border-radius:8px;margin-top:4vh;font-size:1.2rem;color:#fff;background:#91683c}@media screen and (max-width:768px){.work-information{flex-direction:column;height:auto}.information-text{width:100%}.work-information .information-image{width:100%;height:auto;margin-top:24px}.workDescription{width:90%}.workDescription h2{font-size:2rem}.description-block h3{font-size:1.5rem}.description-block p{font-size:1.2rem}}.navMenu{width:15%;text-align:center;font-family:"Ancizar Serif",serif;position:fixed;z-index:100;left:85%;top:0;background-color:#efe9e6;height:100vh;background-color:#e8dcd0}.navMenu-mobile{display:none;position:relative;transition:.3s ease-in-out}.navMenu h2{font-size:2rem;margin-top:10vh;text-align:center;height:5vh;line-height:5vh}.navMenu ul{margin:20vh 0;list-style:none;font-size:1.7rem}.navMenu ul li{height:8vh;line-height:8vh}.navMenu ul li a:hover{color:#cba890}.close-button{display:none;position:absolute;top:1rem;right:1rem;font-size:2rem;cursor:pointer;z-index:200}@media screen and (max-width:768px){.navMenu{display:none}.navMenu-mobile{display:block;width:100%;text-align:center;font-family:"Ancizar Serif",serif;position:fixed;z-index:100;top:0;background-color:#efe9e6;height:100vh;background-color:#e8dcd0}.navMenu-mobile h2{font-size:2rem;margin-top:10vh;text-align:center;height:5vh;line-height:5vh}.navMenu-mobile ul{margin:20vh 0;list-style:none;font-size:1.7rem}.navMenu-mobile ul li{height:8vh;line-height:8vh}.navMenu-mobile ul li a:hover{color:#cba890}.navMenu-mobile-open{left:0}.navMenu-mobile-closed{left:100%}.close-button{display:block}}.profile{height:auto;width:100%}.profile .profileImgText{display:flex}.profile .profileImgText .profileImg{width:40%}.profile .profileImgText .profileImg img{width:400px;height:400px;object-fit:cover;border-radius:50%;display:block;margin:calc(35vh - 200px) auto}.profile .profileImgText .profileText{margin-top:15vh;width:55%}.profile .profileImgText .profileText .myname{font-size:2.5rem;line-height:5vh}.profile .profileImgText .profileText .englishMyname{font-size:1.5rem;line-height:5vh}.profile .profileImgText .profileText .school{line-height:5vh;font-size:1.3rem}.profile .profileImgText .profileText .school-mobile{display:none}.profile .profileImgText .profileText p{line-height:3vh;font-size:1.2rem}@media screen and (max-width:768px){.profile .profileImgText{flex-direction:column;align-items:center}.profile .profileImgText .profileImg{width:60%}.profile .profileImgText .profileImg img{width:200px;height:200px;margin:2vh auto}.profile .profileImgText .profileText{width:80%;margin-top:1vh}.profile .profileImgText .profileText .myname{font-size:2rem;text-align:center}.profile .profileImgText .profileText .englishMyname{font-size:1.2rem;text-align:center}.profile .profileImgText .profileText .school{display:none}.profile .profileImgText .profileText .school-mobile{display:block;font-size:1rem;text-align:center;margin-bottom:3vh}.profile .profileImgText .profileText p{font-size:1rem}}.topImg{width:100%;height:100vh;position:relative}.topImg .topImgDivText{position:absolute;color:#fff;z-index:10;font-size:7rem;height:15vh;line-height:15vh;font-family:Playwrite DK Loopet,cursive;font-weight:100}.topImg .topImgDivText:nth-child(1){top:60vh;left:5%}.topImg .topImgDivText:nth-child(2){top:75vh;left:15%}.topImg .blind{width:100%;height:100%;background-color:#0006;position:absolute;top:0;left:0;z-index:1}.topImg img{object-fit:cover;width:100%;height:100%}@media screen and (max-width:768px){.topImg .topImgDivText{font-size:2rem;height:10vh;line-height:10vh}.topImg .topImgDivText:nth-child(1){top:40vh;left:5%}.topImg .topImgDivText:nth-child(2){top:50vh;left:5%}}.skillCategory{width:80%;margin:0 auto}.skillCategory .row{display:flex;justify-content:space-between;margin:2.5vh auto;flex-wrap:wrap}.skillCategory .row .skillRate{width:20%;background-color:#e8dcd0;padding:1%;margin:1vh 0;border-radius:10px}.skillCategory .row .skillRate .languageIcon{font-size:3rem;text-align:center}.skillCategory .row .skillRate .languageName{font-size:1.5rem;text-align:center}.skillCategory .row .skillRate .barBack{width:90%;height:5px;background-color:#d8cfc4;margin:1vh auto;border-radius:2.5px}.skillCategory .row .skillRate .barBack .bar{background-color:#b5838d;width:10%;border-radius:2.5px;height:5px}.skillCategory .row .skillRate .percent{font-size:1.3rem;text-align:center;color:#3e3e3e}@media screen and (max-width:768px){.skillCategory .row .skillRate{width:40%}.skillCategory .row .skillRate .languageIcon{font-size:2.5rem}.skillCategory .row .skillRate .languageName{font-size:1.2rem}}.workSection .works{width:90%;margin:0 auto}.workSection .works .row{display:flex;justify-content:start;gap:5%;flex-wrap:wrap}.workSection .works .row .work{width:28%;padding:1%;transition:.3s}@media(hover:hover)and (pointer:fine){.workSection .works .row .work:hover{transform:scale(1.05)}}.workSection .works .row .work a img{width:100%;border-radius:16px;object-fit:contain;height:20em}.workSection .works .row .work .description .workLang .tech-tags{display:flex;flex-wrap:wrap;gap:10px}.workSection .works .row .work .description .workLang .tech-tags span{background:#d4c0ab;padding:4px 10px;border-radius:999px;font-size:1rem}.workSection .works .row .work .description .workExplain{font-size:1.2rem;margin-top:1vh}@media screen and (max-width:768px){.workSection .works .row .work{width:45%}.workSection .works .row .work a img{height:13em}.workSection .works .row .work .description .workExplain{font-size:1rem}.workSection .works .row .work .description .workLang .tech-tags span{font-size:.9rem}}.contact-address{font-size:1.5rem;padding-bottom:5vh;text-align:center}.contact-address span{font-weight:700;margin-right:8px;color:#91683c}.contact-address br{display:none}@media screen and (max-width:768px){.contact-address{font-size:1.2rem}.contact-address br{display:block}}