@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.home{max-width:100vw;display:flex;flex-direction:column;gap:var(--spacing-lg)}.home .container{display:flex;justify-content:center;gap:var(--spacing-2xl)}.home .container .image{max-width:35vw}.home .container .image img{width:100%;border-radius:var(--spacing-2xl);box-shadow:10px 10px 15px var(--light-gray)}.home .container .text{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:var(--spacing-lg)}.home .container .text .header{display:flex;flex-direction:column;gap:var(--spacing-lg)}.home .container .text p{font-size:var(--font-lg)}.home-mobile{max-width:100vw;gap:var(--spacing-lg);padding-top:0}.home-mobile .container{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2xl)}.home-mobile .container .image{max-width:100vw}.home-mobile .container .image img{width:100%;box-shadow:0 10px 15px var(--light-gray)}.home-mobile .container .text{display:flex;flex-direction:column;justify-content:space-between;padding:0 var(--spacing-md)}.home-mobile .container .text .header{display:flex;flex-direction:column;gap:var(--spacing-lg)}.home-mobile .container .text .header h1{font-size:var(--font-3xl)}.home-mobile .container .text .header h2{font-size:var(--font-2xl)}.home-mobile .container .text .header h3{font-size:var(--font-xl)}.home-mobile .container .text p{font-size:var(--font-md)}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.mailform{display:flex;justify-content:center}.mailform .mail-container{width:100%;max-width:50vw;display:flex;flex-direction:column;border-left:2px solid var(--accent-gray);border-right:2px solid var(--accent-gray);border-bottom:2px solid var(--accent-gray);border-radius:var(--spacing-sm);overflow:hidden}.mailform .mail-container .header{width:100%;height:40px;background-color:var(--accent-gray);display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.mailform .mail-container .header .circle{width:15px;height:15px;border-radius:var(--spacing-full)}.mailform .mail-container .header .circle:nth-child(1){background-color:#ff2f2f}.mailform .mail-container .header .circle:nth-child(2){background-color:#ffcd50}.mailform .mail-container .header .circle:nth-child(3){background-color:#009800;margin-right:var(--spacing-sm)}.mailform .mail-container .header .action{display:flex;justify-content:center;align-items:center;border-radius:var(--spacing-full);background-color:var(--light-color);color:var(--accent-gray);padding:var(--spacing-xs)}.mailform .mail-container .header .url{font-size:var(--font-xs);display:flex;justify-content:space-between;align-items:center;flex:1;background-color:var(--light-color);border-radius:var(--spacing-full);padding:var(--spacing-sm)}.mailform .mail-container .header .x{display:flex;align-items:center}.mailform .mail-container .form{display:flex;flex-direction:column;justify-content:center;align-items:center}.mailform .mail-container .form div{display:flex;width:100%;padding:var(--spacing-sm) var(--spacing-3xl);border-bottom:1px solid var(--accent-gray)}.mailform .mail-container .form div:nth-child(3){border:none}.mailform .mail-container .form div span{width:auto}.mailform .mail-container .form div input{margin-left:var(--spacing-sm);width:80%;border:none;background-color:var(--light-color)}.mailform .mail-container .form div input:focus{outline:none}.mailform .mail-container .form div textarea{width:100%;resize:none;min-height:200px;height:100%;border-radius:var(--spacing-xs);background-color:var(--light-color);border:none;padding:var(--spacing-sm)}.mailform .mail-container .form div textarea:focus{outline:none}.mailform .mail-container .form button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--spacing-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);background-color:var(--accent-gray)}.mailform .mail-container .form button:hover{background-color:var(--dark-gray);color:var(--light-gray)}.horizon{display:flex;align-items:center}.horizon .line{display:block;background-color:var(--dark-color);height:3px;width:40%}.horizon .title{flex-grow:1;padding-left:var(--spacing-3xl);padding-right:var(--spacing-3xl);font-size:var(--font-2xl);text-align:center}.mobile .title{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);font-size:var(--font-md)}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.introdution-desktop{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl)}.introdution-desktop .img-container{width:31.25rem;height:31.25rem;overflow:hidden;display:flex;align-items:center;border-radius:var(--spacing-md);box-shadow:2px 2px 2px var(--dark-gray)}.introdution-desktop .img-container img{width:100%}.introdution-desktop .text-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.introdution-mobile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.introdution-mobile .img-container{height:40vh;display:flex;box-shadow:2px 2px 2px var(--dark-gray)}.introdution-mobile .img-container img{height:100%}.introdution-mobile .text-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.skills{margin-top:0;display:flex;flex-direction:column;gap:var(--spacing-5xl)}.skills .skill-container{display:flex;justify-content:space-between;padding-left:10vw;padding-right:10vw;min-height:250px}.skills .skill-container:nth-child(2n){flex-direction:row-reverse}.skills .skill-container:nth-child(2n)>:first-child{align-items:end}.skills .skill-container:nth-child(2n)>:nth-child(2){flex-direction:row-reverse}.skills .skill-container .stacks{display:flex;flex-direction:column;width:25vw;align-items:center;gap:var(--spacing-lg);z-index:10}.skills .skill-container .stacks span{font-size:var(--font-3xl);font-weight:900}.skills .skill-container .stacks div{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.skills .skill-container .describe-container{display:flex;align-items:center;justify-content:end;gap:var(--spacing-5xl);opacity:0;transition:opacity .5s ease-in}.skills .skill-container .describe-container .current-describe{display:flex;flex-direction:column;text-align:center;gap:var(--spacing-md);max-width:420px}.skills .skill-container .describe-container .current-describe .stack{font-size:var(--font-2xl);font-weight:700}.skills .skill-container .describe-container .current-describe .star{font-size:var(--font-2xl)}.skills .skill-container .describe-container .current-describe .describes{font-size:var(--font-md);height:50px;list-style:none}.skills .skill-container .show{opacity:1}.skills.mobile{padding-top:0;display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.skills.mobile .stacks{width:80vw;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.skills.mobile .stacks span{font-size:var(--font-lg);font-weight:700}.skills.mobile .stacks div{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.zustand-img{width:20vw}.zustand-item{width:70px;height:70px;object-fit:cover}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.projects{margin-top:0;padding:0;min-height:60vh;height:100%;padding-bottom:var(--spacing-3xl)}.projects.projects-mobile .embla-mobile{max-height:35vh}.projects.projects-mobile .project-item-container{gap:var(--spacing-md);padding:0 15%}.projects.projects-mobile .project-item-container img{width:80%}.projects.projects-mobile .project-item-container .text-link-wapper,.projects.projects-mobile .project-item-container .text-link-wapper .text-container{gap:var(--spacing-sm)}.projects.projects-mobile .project-item-container .text-link-wapper .text-container .title{font-size:var(--spacing-base)}.projects.projects-mobile .project-item-container .text-link-wapper .text-container .text{font-size:var(--spacing-sm)}.projects.projects-mobile .project-item-container .text-link-wapper a{font-size:var(--spacing-sm);padding:var(--spacing-xs)}.projects.projects-mobile .embla__next__button{right:0;width:20px;-webkit-tap-highlight-color:transparent}.projects.projects-mobile .embla__prev__button{left:0;width:20px;-webkit-tap-highlight-color:transparent}.projects .text-link-wapper{display:flex;flex-direction:column;gap:var(--spacing-md)}.projects .project-item-container{display:grid;grid-template-columns:1fr 1fr;place-items:center;width:100%;padding:0 10%;-webkit-user-select:none;-moz-user-select:none;-ms-use-select:none;user-select:none}.projects .project-item-container img{width:30vw;border-radius:var(--spacing-md);box-shadow:2px 2px 20px var(--light-gray)}.projects .project-item-container .text-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.projects .project-item-container .text-container div{display:flex;flex-direction:column}.projects .project-item-container .text-container div .title{font-size:var(--font-2xl);font-weight:700}.projects .project-item-container .link-container{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:end}.projects .project-item-container .link-container a{cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-sm);background-color:var(--dark-gray);color:var(--light-gray);border-radius:var(--spacing-sm)}.projects .project-item-container .link-container a:hover{background-color:var(--dark-color);color:var(--light-color)}.embla{position:relative;height:60vh}.embla__viewport{height:100%}.embla__container{display:flex;touch-action:pan-y pinch-zoom;height:100%}.embla__slide{display:flex;transform:translateZ(0);min-width:100vw;height:100%}.embla__prev__button,.embla__next__button{position:absolute;top:50%;transform:translateY(-50%);border:none;background-color:transparent;width:50px}.embla__prev__button.embla__prev__button,.embla__next__button.embla__prev__button{left:10px}.embla__prev__button.embla__next__button,.embla__next__button.embla__next__button{right:10px}.embla__button__svg{width:35%;height:35%}.embla__dots{display:flex;flex-wrap:wrap;position:absolute;left:50%;bottom:0;transform:translate(-50%);gap:.5rem}.embla__dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--accent-gray);border:none;touch-action:manipulation;display:inline-flex;cursor:pointer;width:1rem;height:1rem;align-items:center;justify-content:center;border-radius:50%;transition:transform .2s ease;box-shadow:0 0 4px #0000001a}.embla__dot:hover{transform:scale(1.1)}.embla__dot--selected{background-color:var(--dark-color);box-shadow:0 0 0 3px var(--accent-color);transform:scale(1.15)}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.award{margin-top:0;padding-left:10%;padding-right:10%;display:flex;flex-direction:column;gap:var(--spacing-md)}.award .award-container{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;box-shadow:2px 2px 20px var(--dark-gray);border-radius:var(--spacing-sm);gap:var(--spacing-sm)}.award .award-container img{width:80%}.award .award-container span{font-size:var(--font-md)}.award.award-mobile .award-container{gap:var(--font-xs)}.award.award-mobile .award-container span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-sm)}.certificates{margin-top:0;padding-top:0;padding-left:10%;padding-right:10%;display:flex;flex-direction:column;gap:var(--spacing-md)}.certificates .certification-container{box-shadow:2px 2px 20px var(--dark-gray);border-radius:var(--spacing-sm);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.certificates .certification-container div{max-width:50vw;width:100%;display:flex;justify-content:space-between}.certificates .certification-container div .name{font-size:var(--font-2xl)}.certificates .certification-container div .issuer{font-size:var(--font-lg);text-align:end}.certificates .certification-container .date{max-width:50vw;width:100%;color:var(--dark-gray)}.certificates-mobile .certification-container div .name{font-size:var(--font-sm)}.certificates-mobile .certification-container div .issuer{font-size:var(--font-xs);text-align:end}.certificates-mobile .certification-container .date{max-width:50vw;width:100%;color:var(--dark-gray);font-size:var(--font-xs)}.education{margin-top:0;padding-left:10%;padding-right:10%;display:flex;flex-direction:column}.education .education-item{display:flex;gap:var(--spacing-lg)}.education .education-item .education-dot-container{display:flex;flex-direction:column;align-items:center}.education .education-item .education-dot-container .line{width:2px;flex:1;background-color:var(--dark-gray)}.education .education-item .education-dot-container .circle{width:var(--font-lg);height:var(--font-lg);background-color:var(--dark-gray);border-radius:var(--spacing-full)}.education .education-item .eduation-text-container{display:flex;height:7rem;align-items:end;gap:var(--spacing-md)}.education .education-item .eduation-text-container .title{font-size:var(--font-2xl)}.education .education-item .eduation-text-container .date{font-size:var(--font-sm)}.education.education-mobile .education-item{display:flex;gap:var(--spacing-sm)}.education.education-mobile .education-item .education-dot-container{display:flex;flex-direction:column;align-items:center}.education.education-mobile .education-item .education-dot-container .line{width:2px;flex:1;background-color:var(--dark-gray)}.education.education-mobile .education-item .education-dot-container .circle{width:var(--font-md);height:var(--font-md);background-color:var(--dark-gray);border-radius:var(--spacing-full)}.education.education-mobile .education-item .eduation-text-container{display:flex;height:3rem;align-items:end;gap:var(--spacing-sm)}.education.education-mobile .education-item .eduation-text-container .title{font-size:var(--font-sm)}.education.education-mobile .education-item .eduation-text-container .date{font-size:var(--font-xs)}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.scrollBar{position:fixed;top:0;left:0;z-index:10000;height:5px;background:linear-gradient(to right,var(--scroll-from-color),var(--scroll-to-color));width:0%;transition:width .2 ease-out}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.navigation-desktop{font-size:var(--font-lg);display:flex;height:15vh;width:100vw;align-items:center;justify-content:space-between;position:fixed;top:0;opacity:10000;box-shadow:inset 0 -3px 2px var(--light-gray);background-color:var(--light-color);z-index:100}.navigation-desktop span{position:relative}.navigation-desktop span .logo-link{position:absolute;height:100%;width:100%}.navigation-desktop .items{list-style:none;display:flex;gap:var(--spacing-xl);margin-right:var(--spacing-xl)}.navigation-mobile{height:15vh;width:100vw;display:flex;position:fixed;justify-content:space-between;top:0;z-index:10;background-color:var(--light-color);box-shadow:inset 0 -3px 4px var(--light-gray)}.navigation-mobile .menubox{display:flex;align-items:center;gap:var(--spacing-md)}.navigation-mobile .menubox .menu-button{margin-right:var(--spacing-md)}.slider{position:fixed;width:100vw;top:15vh;z-index:1;background-color:var(--light-color);list-style:none;transform:translateY(-100%);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.slider.active{transform:translateY(0);box-shadow:0 10px 10px -10px var(--dark-color)}.slider .item{font-size:var(--font-md);padding:var(--spacing-md);border-bottom:1px solid var(--light-gray)}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}.toggle-button{border:none;background-color:transparent}:root{font-size:16px;--scroll-from-color: #ffffff;--scroll-to-color: #0000009d;--light-color: #ffffff;--light-gray: #d5d5d5;--dark-color: #000000;--dark-gray: #212529;--font-base: #333333;--accent-red: #f72585;--accent-gray: #adb5bd;--accent-yellow: #f8cd07;--pastel-yellow: #fffae6;--pastel-green: #e3f9f0;--pastel-blue: #e3f2fd;--font-4xl: 3rem;--font-3xl: 2rem;--font-2xl: 1.7rem;--font-xl: 1.5rem;--font-lg: 1.25rem;--font-md: 1.125rem;--font-base: 1rem;--font-sm: .875rem;--font-xs: .6rem;--spacing-full: 999rem;--spacing-5xl: 5rem;--spacing-3xl: 3.5rem;--spacing-2xl: 3rem;--spacing-xl: 2.5rem;--spacing-lg: 2rem;--spacing-md: 1.5rem;--spacing-base: 1rem;--spacing-sm: .5rem;--spacing-xs: .2rem}.dark{--scroll-from-color: #0000009d;--scroll-to-color: #ffffff;--light-color: #1e1e1e;--dark-color: #ffffff;--light-gray: #212529;--dark-gray: #d5d5d5;--font-base: #f0f0f0;--accent-gray: #555555}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Pretendard-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--font-base);transition:background-color .5s ease}* ::-webkit-scrollbar{width:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--light-color);overflow-x:hidden;max-width:100vw;height:min-content}section{margin-top:15vh;min-height:85vh;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}button{cursor:pointer}a{text-decoration:none}h1{font-size:var(--font-4xl)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}.footer-desktop{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#000;max-height:15rem;height:100vh;color:var(--light-color);font-size:var(--font-sm)}.footer-desktop .name{text-decoration:underline}.footer-desktop .container{display:grid;grid-template-columns:1fr 1fr;place-items:center}.footer-desktop .container .second{display:flex;flex-direction:column;align-items:start;gap:var(--spacing-md);font-size:var(--font-md);font-weight:700;padding-bottom:var(--spacing-lg)}.footer-desktop .container .second .icons{display:flex;gap:var(--spacing-md)}.footer-mobile{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#000;max-height:8rem;height:100vh;color:var(--light-color);font-size:var(--font-xs)}.footer-mobile .icons{display:flex;gap:var(--spacing-md)}