@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap);@import url(https://fonts.cdnfonts.com/css/leon-sans-2);@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto Condensed,Leon Sans,Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100%}.menu-item{align-items:center;cursor:pointer;font-family:Roboto Condensed;font-size:16px;font-weight:700;letter-spacing:1px;margin:10px;padding:5px}.menu-item.hovered{color:#e50505}.menu-item.nonhovered{color:#1c1c1c}.menu-item svg{margin:0 3px}.menu-container{display:flex;justify-content:center;margin-top:5px;width:100%}.menu-container .logo{height:35px;margin-left:35px;margin-right:auto;margin-top:15px;width:35px}.menu-container .dummy{height:35px;margin-left:0;margin-right:35px;margin-top:15px;width:35px}.menu-container .collapse-btn,.menu-container .expand-btn{cursor:pointer;margin-left:auto;margin-right:auto;width:20px}.menu-container .menu-sub-container{align-items:center;display:flex;justify-content:center;margin-right:70px;width:100%}.header-container{-webkit-backdrop-filter:saturate(0) blur(10px);backdrop-filter:saturate(0) blur(10px);position:fixed;transition:-webkit-backdrop-filter .5s ease;transition:backdrop-filter .5s ease;transition:backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease;width:100%}.header-container .header-container-inside{display:flex;flex-direction:column;height:70px}.body-container{height:100%;margin-top:70px}.body-container,.footer{display:flex;justify-content:center}.footer{align-items:center;color:#aaa;padding-bottom:30px;padding-top:30px}.layout-container{display:flex;flex-direction:column;justify-content:space-between}.profile_container{margin-top:100px;width:100%}.profile_container .greeting{background:#f5f5f5;border-radius:10px;margin-bottom:30px;padding:12px 0;text-align:center}.profile_container .profile_card{align-items:start;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px}.profile_container .profile_card .introduce_container .profile_name{font-size:46px;letter-spacing:1px;margin:0}.profile_container .profile_card .introduce_container .profile_about{margin:0}.profile_container .profile_img{border-radius:100px;box-shadow:0 4px 8px #404040;height:100px;margin-left:auto;width:100}.work-container{width:100%}.work-container .work{font-size:26px;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px;width:100%}.work-container .work-phrase{font-size:17px;letter-spacing:.5;line-height:1.5;text-align:justify;text-indent:1em}.work-container .work-phrase .ssafy-anchor{color:#3d7aed}.work-container .more-container{display:flex;justify-content:end}.work-container .more-container .more-anchor{border-radius:.375rem;padding:8px 16px;text-decoration:none}.work-container .more-container .more-anchor.primary{color:#1c1c1c}.work-container .more-container .more-anchor.secondary{color:#aaa}.link-item{align-items:center;border-radius:24px;display:flex;height:48px;justify-content:center;margin:10px;max-width:400px;transition:all .2s;transition:width}.link-item.primary{background-color:#1c1c1c}.link-item.secondary{background-color:#e50505}.link-item a{align-items:center;color:#fff;display:flex;font-family:Roboto Condensed;font-size:14px;font-weight:500;height:100%;justify-content:center;letter-spacing:.5px;text-decoration:none;width:100%}.link-item a img{height:20px;margin:5px;width:20px}.link-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.link-container .link-label{width:100%}.link-container .link-label .contacts{font-size:26px;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}.link-container .links{align-items:start;flex-wrap:wrap;margin:0 auto;max-width:450px}.link-container .links,.main-container{display:flex;flex-direction:column;justify-content:center}.main-container{align-items:center;margin:0 40%}.leftbar-container{background:#f5f5f5;color:#404040;display:flex;flex-direction:column;height:100%;position:fixed;width:20vw}.leftbar-container .profile-wb{width:calc(20vw - 50px)}.leftbar-container .leftbar-container-inside{margin-left:25px;margin-right:25px}.leftbar-container .leftbar-container-inside h2{margin-bottom:5px;margin-top:70px}.article-container{color:#404040;display:inline-block;height:100%;max-width:1600px;padding:2% 5% 5% 25%;width:100%}.article-container header{font-size:60px;font-weight:400;letter-spacing:-1px;line-height:1.1;margin-bottom:10px}.article-container .about-container{margin-bottom:0;padding-bottom:0}.article-container .about-container .about-paragraph{font-size:20px;line-height:1.5;margin-bottom:20px;margin-top:0;padding-top:0}.article-container .profile-color{box-shadow:0 4px 8px #404040;height:auto;margin-left:30px;margin-top:20px;max-width:300px;min-width:200px}.article-container .article-container-inside{margin-left:40px;margin-right:40px;max-width:1000px}.article-container .article-container-inside .p-container{align-items:start;display:flex;flex-direction:row;justify-content:center}.article-container .exp-section{line-height:.5;margin-bottom:30px;margin-top:20px}.article-container .exp-section .period-paragraph{color:#aaa}.article-container .exp-section .detail-paragraph{color:#666}.article-container .exp-section i{font-style:normal}.article-container .exp-section a{color:red}a{text-decoration:none}.info-container{display:flex;flex-direction:row;height:100%;width:100%}.tech-stack{background:#d9d9d9;border-radius:10px;color:#fff;font-size:13px;min-width:0;padding-left:8px;padding-right:8px}li{list-style-type:none;max-width:250px;min-width:200px}li h3{font-family:sans-serif;margin-bottom:4px}li h5{color:#aaa;font-family:serif;margin-bottom:5px;margin-top:8px}li a{border:none;display:block;font-size:0;line-height:0;margin:0;outline:0;padding:0;width:100%}li a img{border-radius:12px;overflow:clip;overflow-clip-margin:content-box}li .pjt-description{color:#666;font-family:serif;font-size:15px;line-height:20px;margin-top:0}li .tech-list{flex-wrap:wrap;gap:4px!important;max-width:250px;padding:0}.projects-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.projects-container h1{color:#000;font-size:46px;font-weight:300;margin-top:80px}.projects-container ul{display:flex;flex-wrap:wrap;gap:calc(0% + 15px)}
/*# sourceMappingURL=main.c22a0dc0.css.map*/