@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);body{background-color:#7463631a;font-family:Chosunilbo_myungjo,serif}#intro{padding:50px 20px;text-align:center}.intro-container{border-radius:8px;margin:0 auto;max-width:800px;padding:20px}.intro-section{margin-bottom:40px;margin-top:110px}.intro-section p{color:#555;font-size:1.2em}.intro-section strong{color:#333;display:block;font-size:1.4em;margin-top:10px}.sub-keyword{margin-top:500px;opacity:0;text-align:center;transform:translateY(20px);transition:opacity 2s,transform 2s}.sub-keyword.visible{opacity:1;transform:translateY(0)}.sub-keyword p{color:#333;font-size:1.5em;font-weight:700}.sub-keyword span{color:#666;display:block;font-size:1.2em;margin-top:10px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.keywords-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}.keyword-item{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;flex:1 1 30%;margin:10px;padding:20px;text-align:center;transition:box-shadow .3s}.keyword-item:hover{box-shadow:0 4px 15px #0003}.keyword-item .keyword-icon{color:#007bff;font-size:2em;margin-bottom:10px}.keyword-item h3{color:#333;font-size:1.5em;margin:10px 0}.keyword-item p{color:#666;font-size:1em}#home{height:100vh}.home__inner{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:16px;width:100%}@media(max-width:800px){.home__inner{justify-content:center}}.home__inner .home__title{font-family:MadeSunflower,sans-serif;font-size:40px;font-weight:800;letter-spacing:-.3vw;line-height:1;margin:0 auto;text-align:center;text-indent:0;text-transform:uppercase;white-space:pre;width:100%}@media(max-width:220px){.home__inner .home__title{display:none}}.home__inner .home__text{align-items:center;background-color:#0000;display:flex;flex-direction:column;height:auto;justify-content:center;position:relative;width:100%}.home__inner .home__text .text{font-size:3vw;font-weight:900;line-height:1;margin-top:2vh;position:relative;text-align:center;text-transform:uppercase}@media(max-width:800px){.home__inner .home__text .text{font-size:24px}}.home__inner .home__text .img{border-radius:50%;filter:grayscale(100%);height:30vh;margin-bottom:2vh;overflow:hidden;transition:all .3s;width:30vh}@media(max-width:320px){.home__inner .home__text .img{height:20vh;width:20vh}}.home__inner .home__text:hover .text{opacity:0}.home__inner .home__text:hover .img{filter:grayscale(0)}.home__inner .home__lines{width:100%}.home__inner .home__lines .line{background-color:var(--black);display:block;height:1px;margin-bottom:.5vw;width:100%}.home__inner .home__lines .line:first-child{height:1px}.home__inner .home__lines .line:nth-child(2){height:2px}.home__inner .home__lines .line:nth-child(3){height:5px}.home__inner .home__lines .line:nth-child(4){height:9px}.home__inner .home__lines .line:nth-child(5){height:13px}.home__inner .home__lines .line:nth-child(6){height:17px}.home__inner .home__lines .line:nth-child(7){height:25px}.home__inner .home__lines.bottom .line{display:none;margin-bottom:0;margin-top:.5vw}@media(max-width:800px){.home__inner .home__lines.bottom .line{display:block}}.home__inner .home__lines.bottom .line:first-child{height:25px}.home__inner .home__lines.bottom .line:nth-child(2){height:17px}.home__inner .home__lines.bottom .line:nth-child(3){height:13px}.home__inner .home__lines.bottom .line:nth-child(4){height:9px}.home__inner .home__lines.bottom .line:nth-child(5){height:5px}.home__inner .home__lines.bottom .line:nth-child(6){height:2px}.home__inner .home__lines.bottom .line:nth-child(7){height:1px}@font-face{font-family:Sunflower;font-style:normal;font-weight:400;src:url(/static/media/MADE%20Sunflower%20PERSONAL%20USE.27f60d47e858f4c1e091.otf) format("opentype")}@font-face{font-display:swap;font-family:Chosunilbo_myungjo;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff) format("woff")}#header{background-color:#969086;font-family:Inter,sans-serif;left:0;position:fixed;right:0;top:0;z-index:10000}.header__inner{align-items:center;background-color:#7463631a;display:flex;justify-content:space-between;padding:1rem}.header__inner .header__logo{font-family:Sunflower,sans-serif;font-size:.9rem;line-height:1;text-align:center;text-transform:uppercase}.header__inner .header__logo em{color:#333;display:block;font-size:10px}.header__inner .header__nav__mobile{background:none;border:none;padding:0;position:relative}@media(max-width:800px){.header__inner .header__nav__mobile{display:block}}.header__inner .header__nav{display:none;font-family:MadeSunflower,sans-serif}.header__inner .header__nav.show{display:block}.header__inner .header__nav ul{display:flex;list-style:none;margin:0;padding:0}.header__inner .header__nav li{display:inline;margin-right:20px}.header__inner .header__nav li a{color:#000;font-family:MadeSunflower,sans-serif;font-size:14px;padding:14px;position:relative;text-decoration:none;text-transform:uppercase}.header__inner .header__nav li a:before{background-color:#000;bottom:10px;content:"";height:1px;left:14px;position:absolute;transform:scaleX(0);transition:all .3s;width:calc(100% - 28px)}.header__inner .header__nav li a:hover{color:#fff}.header__inner .header__nav li a:hover:before{transform:scaleX(1)}@font-face{font-family:MadeSunflower;font-style:normal;font-weight:400;src:url(/static/media/MADE%20Sunflower%20PERSONAL%20USE.27f60d47e858f4c1e091.otf) format("opentype")}@font-face{font-family:MiracleFont;font-style:normal;font-weight:400;src:url(/static/media/Miracle%20Personal%20use.c05768628e0e9ae5341d.otf) format("opentype")}.header__inner .header__nav__mobile{cursor:pointer;display:none;font-family:MiracleFont,sans-serif;height:40px;width:40px}@media(max-width:1500px){.header__inner .header__nav__mobile{display:block}}.header__inner .header__nav__mobile span{background-color:#000;display:block;height:2px;margin-top:8px;position:relative;transition:transform .3s ease;width:40px}.header__inner .header__nav__mobile span:after,.header__inner .header__nav__mobile span:before{background-color:#000;content:"";height:2px;position:absolute;transition:transform .3s ease;width:40px}.header__inner .header__nav__mobile span:before{top:-10px}.header__inner .header__nav__mobile span:after{bottom:-10px}.header__inner .header__nav__mobile.open span{transform:rotate(45deg)}.header__inner .header__nav__mobile.open span:before{top:0;transform:rotate(90deg)}.header__inner .header__nav__mobile.open span:after{bottom:0;transform:rotate(90deg)}#portfolio{padding-top:100px;text-align:center}.portfolio-intro{margin-bottom:200px}.project-title{color:#333;font-size:1.5em;margin-bottom:0;margin-top:40px}.click-instruction{color:#666;font-size:.5em;margin-bottom:100px;margin-top:10px;text-align:center}.project-container{margin-top:20px}.project{margin-bottom:60px;position:relative}.project-image{cursor:pointer;height:auto;margin-bottom:20px;margin-top:20px;max-width:700px;width:100%}.modal-overlay{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:800px;padding:20px;width:80%;z-index:1100}.modal-content{align-items:center;display:flex}.modal-image{flex:1 1;padding:20px}.modal-image img{height:auto;width:100%;z-index:1100}.modal-description{flex:1 1;padding:20px}.modal-button-container{display:flex;justify-content:center;margin-top:20px}.modal button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.modal button,.modal button:hover{background-color:#6f674a}.expanded-image-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.expanded-image-modal .modal-content{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;max-width:800px;padding:20px;position:relative;width:100%}.expanded-image-modal .modal-content .expanded-image{max-height:90vh;max-width:100%;object-fit:contain;z-index:1200}.expanded-image-modal .modal-content .close-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.expanded-image-modal .modal-content .close-button:hover{background-color:#555}#stack{padding-top:100px;text-align:center}.stack-title{font-size:1.5em;font-weight:700;margin-bottom:20px}.stack-image{height:auto;margin-bottom:20px;margin-top:20px;max-width:700px;width:100%}
/*# sourceMappingURL=main.0134219a.css.map*/