@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-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}.navbar{align-items:center;background-color:initial;box-sizing:border-box;color:#fff;justify-content:space-between;left:0;padding:15px 30px;position:fixed;top:0;width:100%;z-index:1000}.nav-links,.navbar{display:flex;flex-wrap:wrap}.nav-links{gap:20px;list-style:none}.nav-links li a{color:#fff;font-size:18px;text-decoration:none}.nav-links li a:hover{color:#00c9ff}.nav-icons{display:flex;flex-wrap:wrap;gap:15px}.music-button,.nav-icon{align-items:center;background:#fff3;border:1px solid #fff6;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Sam3KRFont;font-size:16px;gap:8px;padding:8px 12px;text-decoration:none;transition:.3s;white-space:nowrap}.music-button:hover,.nav-icon:hover{background:#ffffff4d;color:#00c9ff}body.projects-page .nav-icon,body.projects-page .navbar a{color:#000!important}@font-face{font-display:swap;font-family:HsDukkeobi;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2406@1.0/HSDuggobi.woff2) format("woff2")}body,html{font-size:16px;height:100%;margin:0;overflow-x:hidden;padding:0}.home{align-items:center;background:linear-gradient(0deg,#a2ffe0e6 10%,#0cf 50%,#06c);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:85vh;overflow:hidden;padding:100px;position:relative;text-align:center}.home h1{font-size:2.5rem}.home h1,.home p{font-family:HsDukkeobi,sans-serif!important}.home p{font-size:1.5rem;line-height:1.6;max-width:800px}.about-container{align-items:flex-start;color:#fff;display:flex;gap:60px;justify-content:space-between;min-height:100vh;overflow-y:auto;padding:100px 60px;position:relative;z-index:1}.about-background{background:linear-gradient(0deg,#0a0a32 10%,#05051e 50%,#000014);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.star{animation:twinkling 2.4s infinite alternate;background:#ffacac;border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}@keyframes twinkling{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.about-text{flex:1 1;max-width:55%;text-align:left}.about-text h1{color:#ffacbe;font-size:36px;margin:0 0 30px}.about-text p{color:#f9bbd6;font-size:20px;font-weight:lighter;line-height:1.6;margin:0 0 25px}.skills-container{grid-gap:20px;align-items:stretch;display:grid;flex:0 0 40%;gap:20px;grid-auto-rows:200px;grid-template-columns:1fr 1fr}.skill-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 4px 15px #0000004d;padding:20px;text-align:left}.skill-category h2{color:#ffe6f3;font-size:18px;margin-bottom:12px}.skill-category ul{list-style:none;margin:0;padding:0}.skill-category li{color:#fff;font-size:16px;margin-bottom:8px}@media (max-width:900px){.about-container{align-items:center;flex-direction:column}.about-text{max-width:100%}.skills-container{flex:1 1;justify-content:center}}.about-images{display:flex;gap:15px;margin-top:20px}.about-images img{box-shadow:0 3px 8px #0000004d;width:180px}.contact-page{align-items:center;background:#de7f80;display:flex;justify-content:center;min-height:100vh;padding:20px}.contact-container{background:#ffc0c0;border-radius:10px;box-shadow:0 4px 10px #96646480;max-width:500px;padding:40px;text-align:center;width:100%}.contact-form{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:20px}.contact-form input,.contact-form textarea{background:#fff5f5;border:2px solid #da9699;border-radius:8px;color:#333;font-family:Sam3KRFont;font-size:16px;max-width:450px;outline:none;padding:12px;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff60a0;box-shadow:0 0 8px #ff60a066}.contact-form button{background:#ef969a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Sam3KRFont;font-size:18px;max-width:450px;padding:12px;transition:.3s ease-in-out;width:100%}.contact-form button:hover{background:#ff6060}.status-message{color:#ff8d8d;font-weight:700;margin-top:15px}.projects-title{color:#333;font-size:2.5rem;margin-bottom:40px}.projects-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.project-card{background:#fff9b1;border-radius:8px;box-shadow:2px 6px 12px #00000026;min-height:180px;padding:20px;position:relative;text-align:left;transform:rotate(-2deg);transition:transform .25s ease,box-shadow .25s ease;width:220px}.project-card:hover{box-shadow:4px 12px 20px #00000040;transform:rotate(0deg) translateY(-6px)}.project-card h2{color:#333;font-size:20px;font-weight:700;margin-bottom:15px}.button-group{display:flex;gap:8px;margin-top:15px}.more-btn,.project-link{background:none;border:none;color:#222;cursor:pointer;font-size:14px;font-weight:700;padding:4px 6px;position:relative;text-decoration:none;z-index:1}.more-btn:before,.project-link:before{background:#9ff5b798;bottom:2px;content:"";height:55%;left:0;position:absolute;right:0;transform:rotate(-1deg);transition:background .2s ease;z-index:-1}.more-btn:hover:before,.project-link:hover:before{background:#ffa1cc98}.modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:popIn .3s ease;background:#fffef9;border-radius:16px;box-shadow:0 8px 20px #0000004d;max-width:500px;padding:30px;text-align:left}.modal-content h2{color:#444;margin-bottom:15px}.modal-content p{color:#555;font-size:15px;line-height:1.5;white-space:pre-line}.close-btn{background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;margin-top:20px;padding:8px 16px}.close-btn:hover{background:#555}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.projects-container{background:repeating-linear-gradient(180deg,#fdfdfd,#fdfdfd 28px,#c2dbf1 29px);min-height:100vh;padding:60px 20px;text-align:center}.projects-page .navbar a,.projects-page .navbar li,.projects-page .navbar span{color:#000!important}.music-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px}body.projects-page .music-btn{color:#000}@font-face{font-family:SungDongMyungjo;font-style:normal;font-weight:400;src:url(//fastly.jsdelivr.net/korean-webfonts/1/orgs/govs/sdgu/SungDongMyungjo/SungDongMyungjoR.woff2) format("woff2"),url(//fastly.jsdelivr.net/korean-webfonts/1/orgs/govs/sdgu/SungDongMyungjo/SungDongMyungjoR.woff) format("woff")}.footer{bottom:0;color:#ff5c0b;font-family:SungDongMyungjo;font-size:14px;font-weight:700;margin:0;padding:1px 20px;position:absolute;text-align:center;width:100%}.guestbook-page{background:#c0e2c1;display:flex;justify-content:center;min-height:100vh;padding:40px}.guestbook-container{max-width:1000px;width:100%}.guestbook-form-container{margin-bottom:30px;text-align:center}.guestbook-form{display:inline-flex;gap:10px}.guestbook-form input{border:1.5px solid #ccc;border-radius:8px;font-size:14px;height:18px;min-width:300px;padding:14px 12px}.guestbook-form button{background:#0f8b6682;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px;transition:transform .15s ease,background .2s ease}.guestbook-form button:hover{background:#555;transform:translateY(-1px)}.guestbook-messages-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.guestbook-message{background-color:#fff9b1!important;background-color:var(--noteBg,#fff9b1)!important;border-radius:12px;box-shadow:2px 4px 10px #00000024;display:flex;flex-direction:column;font-family:Comic Sans MS,Nanum Pen Script,cursive;justify-content:space-between;min-height:120px;padding:12px;text-align:left;transition:transform .18s ease,box-shadow .18s ease;width:160px;word-break:break-word}.guestbook-message:hover{box-shadow:3px 7px 14px #0003;transform:translateY(-4px)}.guestbook-message p{color:#222;font-size:14px;line-height:1.45;margin:0}.timestamp{align-self:flex-end;color:#555;font-size:12px;margin-top:10px}.App{text-align:center}@font-face{font-family:Ycomputer-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/Ycomputer-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:SchoolSafeDictation;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimBadasseugiTTF-L.woff2) format("woff2")}@font-face{font-display:swap;font-family:YoonChoWooSan;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/YoonChildfundkoreaManSeh.woff2) format("woff2")}@font-face{font-display:swap;font-family:AccChildrenSSkyClear;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112-2@1.0/ACCchildrenfall.woff) format("woff")}*,body{font-family:AccChildrenSSkyClear!important}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#c9ada1;color:#4d6a6d;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);font-weight:700;justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.93a9696c.css.map*/