body{background-color:#0f172a;position:relative}body .pointer{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}body .noii-homepage{column-gap:1rem;display:flex;flex-direction:row;margin:auto;max-width:1200px;min-height:100vh;position:relative;row-gap:1rem}body .noii-homepage>header{display:flex;flex:1 1;flex-direction:column;max-height:100vh;padding-left:3rem;padding-top:6rem;position:-webkit-sticky;position:sticky;top:0}body .noii-homepage>header>.nametag>.row{display:flex;flex-direction:row;margin-bottom:1rem}body .noii-homepage>header>.nametag>.row>.thumbnail{border-radius:100%;height:4rem;margin-right:1rem;overflow:hidden;width:4rem}body .noii-homepage>header>.nametag>.row>.thumbnail>img{width:100%}body .noii-homepage>header>.nametag>.row>h1{color:#fff;font-family:SCDream7;font-size:2.5rem;line-height:4rem}body .noii-homepage>header>.nametag>h2{color:#fff;font-family:SCDream5;font-size:1.2rem;line-height:2.5rem}body .noii-homepage>header>.nametag>p{font-size:1rem;line-height:2rem}body .noii-homepage>header>nav{margin-top:4rem}body .noii-homepage>header>nav>ul{display:inline-block}body .noii-homepage>header>nav>ul>li{list-style:none}body .noii-homepage>header>nav>ul>li+li{margin-top:2rem}body .noii-homepage>header>nav>ul>li>a{align-items:center;cursor:pointer;display:flex;flex-direction:row}body .noii-homepage>header>nav>ul>li>a>.indicator{background-color:#475569;display:block;height:1px;margin-right:1rem;transition:width .3s ease,background-color .3s ease;width:2rem}body .noii-homepage>header>nav>ul>li>a>.text{font-family:SCDream5;font-size:.8rem;transition:color .3s ease}body .noii-homepage>header>nav>ul>li>a.hover>.indicator{background-color:#fff;width:4rem}body .noii-homepage>header>nav>ul>li>a.hover>.text{color:#fff}body .noii-homepage>header>nav>ul>li>a:hover>.indicator{background-color:#fff;width:4rem}body .noii-homepage>header>nav>ul>li>a:hover>.text{color:#fff}body .noii-homepage>main{flex:1 1;padding-bottom:6rem;padding-right:3rem;padding-top:6rem}body .noii-homepage>main>section{margin-bottom:120px}@media only screen and (max-width:1024px){body .noii-homepage{display:block}body .noii-homepage>header{display:block;padding-left:2rem;padding-right:2rem;position:relative}body .noii-homepage>header>nav{display:none}body .noii-homepage>main{padding:0 2rem 3rem}body .noii-homepage>main section{margin-bottom:3rem}}.my-title{display:none;padding:3rem 0}.my-title p{color:#fff;font-family:SCDream7;font-size:14px}@media only screen and (max-width:1024px){.my-title{display:block}}.my-about p{font-size:14px;margin-bottom:16px}.my-experience>ul>li{list-style-type:none}.my-experience>ul>li+li{margin-top:2rem}.my-experience .experience-item{cursor:pointer;display:flex;flex-direction:row;padding:1rem 1.5rem}.my-experience .experience-item:hover>main>h2{color:#5eead4}.my-experience .experience-item>header{flex:2 1}.my-experience .experience-item>header>p{color:#64748b;font-size:.8rem}.my-experience .experience-item>main{flex:5 1}.my-experience .experience-item>main>h2{color:#e2e8f0;font-size:1.2rem}.my-experience .experience-item>main>p{font-size:.9rem;line-height:1.4rem;margin-top:.6rem}.my-experience .experience-item>main>span{display:block;font-size:.65rem;line-height:1.2rem}.my-experience .experience-item>main .row{column-gap:1rem;display:flex;flex-direction:row}.my-experience .experience-item>main .row .thumb{border:1px solid #e2e8f01a;border-radius:4px;overflow:hidden;position:relative;width:8rem}.my-experience .experience-item>main .row .thumb:after{content:"";display:block;padding-bottom:4.5rem}.my-experience .experience-item>main .row .thumb>img{position:absolute;top:50%;transform:translateY(-50%);width:100%}.my-experience .experience-item>main>ul{margin-top:8px}.my-experience .experience-item>main>ul>li{background-color:#2dd4bf1a;border-radius:9999px;color:#5eead4;display:inline-block;font-size:12px;padding:4px 12px}.my-experience .experience-item>main>ul>li+li{margin-left:6px}@media only screen and (max-width:1024px){.my-experience .experience-item{display:block;padding:0}.my-experience .experience-item>header>p{margin-bottom:.8rem}.my-experience .experience-item>main .row .thumb{width:10rem}.my-experience .experience-item>main .row .thumb:after{padding-bottom:6rem}}.my-portfolio>ul>li{list-style-type:none}.my-portfolio>ul>li+li{margin-top:2rem}.my-portfolio .portfolio-item{border-radius:4px;cursor:pointer;display:flex;flex-direction:row;padding:1rem 1.5rem}.my-portfolio .portfolio-item:hover>main>h2{color:#5eead4}.my-portfolio .portfolio-item>header{flex:2 1;padding-right:1.5rem}.my-portfolio .portfolio-item>header>.thumb{border:1px solid #e2e8f01a;border-radius:4px;overflow:hidden;position:relative}.my-portfolio .portfolio-item>header>.thumb:after{content:"";display:block;padding-bottom:66%}.my-portfolio .portfolio-item>header>.thumb>img{position:absolute;width:100%}.my-portfolio .portfolio-item>main{flex:5 1}.my-portfolio .portfolio-item>main>h2{color:#e2e8f0;font-size:16px}.my-portfolio .portfolio-item>main>p{font-size:14px;line-height:21px;margin-top:8px}.my-portfolio .portfolio-item>main>ul{margin-top:8px}.my-portfolio .portfolio-item>main>ul>li{background-color:#2dd4bf1a;border-radius:9999px;color:#5eead4;display:inline-block;font-size:12px;padding:4px 12px}.my-portfolio .portfolio-item>main>ul>li+li{margin-left:6px}.my-portfolio .portfolio-item>.popup{align-items:center;background-color:#000c;box-sizing:border-box;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.my-portfolio .portfolio-item>.popup.show{display:block}.my-portfolio .portfolio-item>.popup>img{display:block;height:auto;margin:auto;max-width:50%}@media only screen and (max-width:1024px){.my-portfolio .portfolio-item{display:block;padding:0}.my-portfolio .portfolio-item>header>.thumb{border:1px solid #e2e8f01a;border-radius:4px;margin-bottom:.8rem;overflow:hidden;padding-right:0;position:relative;width:50%}.my-portfolio .portfolio-item>header>.thumb:after{content:"";display:block;padding-bottom:66%}.my-portfolio .portfolio-item>.popup>img{max-width:100%}}.contact-me{padding-left:3rem}.contact-me>h2{color:#fff;font-size:1.2rem}.contact-me>.row{margin-bottom:1rem;margin-top:1rem}.contact-me>.row>svg{margin-right:.5rem}.contact-me>.row>svg>path{color:#fff}@media only screen and (max-width:1024px){.contact-me{padding-left:0}}*{box-sizing:border-box;color:#94a3b8;font-family:SCDream3;margin:0;padding:0}a{color:#e2e8f0;text-decoration:none;&:hover{color:#5eead4}}::selection{background-color:#5eead4;color:#134e4a}@font-face{font-family:SCDream3;font-style:normal;font-weight:400;src:url(/static/media/SCDream3.1e55b77199a0afd0ed9a.otf)}@font-face{font-family:SCDream5;font-style:normal;font-weight:400;src:url(/static/media/SCDream5.ae5ee4933db75a3ccb04.otf)}@font-face{font-family:SCDream7;font-style:normal;font-weight:400;src:url(/static/media/SCDream7.a8d826f4cafb0e728051.otf)}
/*# sourceMappingURL=main.fffd7d68.css.map*/