@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Gugi&display=swap);@font-face{font-family:Pretendard;font-style:normal;font-weight:100;src:url(/static/media/Pretendard-Thin.23965237737042c7c087.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:200;src:url(/static/media/Pretendard-ExtraLight.3a1f8545bfb6498f1f14.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;src:url(/static/media/Pretendard-Light.be916151766e60d80835.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;src:url(/static/media/Pretendard-Regular.fbe5b096111efa3e3bc2.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:500;src:url(/static/media/Pretendard-Medium.07e5324da6d2eb8817c1.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;src:url(/static/media/Pretendard-SemiBold.8ae7df0e2ac61e2d2788.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;src:url(/static/media/Pretendard-Bold.be4e300c014733a8521f.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:800;src:url(/static/media/Pretendard-ExtraBold.cffbbae60cbb858199b0.ttf) format("truetype")}@font-face{font-family:Pretendard;font-style:normal;font-weight:900;src:url(/static/media/Pretendard-Black.6ffb4c1216878d939b7c.ttf) format("truetype")}*{box-sizing:border-box;font-family:Pretendard,Noto Sans KR,sans-serif;font-weight:400}body,html{height:100%;overflow-x:hidden}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;padding:0}.stop-scrolling{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Noto Sans KR,sans-serif;font-optical-sizing:auto}.artist,.folder,.songname{cursor:pointer}.folder,.songname{letter-spacing:2px}.songname{font-size:.9rem;font-weight:500}.artist,.folder{font-size:.7rem;font-weight:400}:root{--bg-color:#1a1a1a;--text-color:#e0e0e0;--card-bg-color:#252525;--btn-bg-color:#1e90ff;--btn-text-color:#fff;--accent-color:#00ced1;--gray-color:#434e66}[data-theme=light]{--bg-color:#fff;--text-color:#2d2d2d;--card-bg-color:#f5f5f5;--btn-bg-color:#1e90ff;--btn-text-color:#fff;--accent-color:#00ced1;--gray-color:#2c3342}body{background-color:#1a1a1a;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-color);line-height:1.8;transition:background-color .3s,color .3s}#hero{align-items:center;background:linear-gradient(135deg,#252525,#1a1a1a);background:linear-gradient(135deg,var(--card-bg-color),var(--bg-color));display:flex;height:100vh;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:center}#hero:before{background:radial-gradient(circle,#1e90ff1a 0,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .5s ease;width:100%;z-index:0}.hero-content{align-items:center;display:flex;gap:3rem;justify-content:center;max-width:1200px;position:relative;width:100%;z-index:1}.hero-text{flex:1 1;text-align:left}.hero-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e90ff,#00ced1);background:linear-gradient(90deg,var(--btn-bg-color),var(--accent-color));background-clip:text;-webkit-background-clip:text;font-size:4rem;font-weight:800;margin-bottom:1.5rem}.hero-text p{font-size:1.3rem;margin-bottom:2rem;max-width:500px}.hero-btn{font-size:1.2rem;padding:.8rem 2rem;transition:transform .3s ease,box-shadow .3s ease}.hero-btn:hover{box-shadow:0 4px 15px #1e90ff4d;transform:translateY(-5px)}.hero-character{display:flex;flex:1 1;justify-content:center}.hero-character img{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#72727233;border:8px solid #1a1a1a;border-radius:50%;height:auto;max-width:360px;width:100%}.hero-decoration{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.circle{animation:float 6s ease-in-out infinite;background:#1e90ff33;border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:100px;left:10%;top:20%;width:100px}.circle-2{animation-delay:2s;height:80px;right:15%;top:60%;width:80px}.circle-3{animation-delay:4s;bottom:10%;height:120px;left:50%;width:120px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.about{background:#1a1a1a;background:var(--bg-color);overflow:hidden;padding:5rem 2rem;position:relative;text-align:center}.about-container{margin:0 auto;max-width:800px;position:relative;z-index:1}.about .my-link a{color:#e0e0e0;color:var(--text-color);text-decoration:none}.about .my-link a img{background-color:#e0e0e0;border-radius:50%;box-sizing:initial;overflow:hidden}.about h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem}.about p{font-size:1.2rem;margin:0 auto 1rem;max-width:600px}.about-details{display:flex;flex-direction:column;margin-top:2rem}.about-details p{color:#e0e0e0;color:var(--text-color);font-size:1.1rem}.skills-box{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-top:.8rem}.skills-box label{margin:1rem 0;text-align:left;width:160px}.skills{flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none;margin-top:1rem}.skills,.skills li{align-items:center;display:flex}.skills li{background:linear-gradient(160deg,#6b5b95,#6b5b95 60%,#4a4a4a);border-radius:20px;color:#fff;color:var(--btn-text-color);flex-direction:column;font-size:.9rem;height:24px;justify-content:flex-start;overflow:hidden;padding:.5rem 1rem;transition:.2s}.skills li:hover{& img,& span{transform:translateY(-34px)}}.skills li img{margin-bottom:8px;transition:.2s}.skills li span{cursor:default;transition:.2s}.about-decoration{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.line{background:linear-gradient(90deg,#0000,#1e90ff,#0000);background:linear-gradient(90deg,#0000,var(--btn-bg-color),#0000);height:1px!important;transform:translateY(-50%);width:100%!important}.use-skills{grid-row-gap:10px;grid-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;row-gap:10px}.use-skills span{background-color:#1e90ff;background-color:var(--btn-bg-color);border-radius:12px;color:#fff;font-size:.875rem;padding:0 4px}.projects{padding:2rem 2rem 4rem;position:relative;text-align:center}.projects h2{font-size:2rem;font-weight:700;margin-bottom:3rem;position:relative;z-index:1}.project-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background-color:#252525;background-color:var(--card-bg-color);border-radius:8px;box-shadow:0 4px 15px #0000001a;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.project-card:before{background:#1e90ff;background:var(--btn-bg-color);content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;transition:width .3s;width:4px;z-index:0}.project-card.hovered{box-shadow:0 6px 20px #00000026;transform:translateY(-5px)}.project-card.hovered:before{width:100%}.project-card .btn,.project-card h3,.project-card p{position:relative;transition:transform .3s ease;z-index:1}.project-card.hovered h3{transform:translateY(-5px)}.project-card.hovered .btn{transform:scale(1.1)}.btn{background:linear-gradient(90deg,#1e90ff,#00ced1);background:linear-gradient(90deg,var(--btn-bg-color),var(--accent-color));border-radius:4px;color:#fff;color:var(--btn-text-color);display:inline-block;font-weight:600;margin-top:1rem;padding:.6rem 1.2rem;text-decoration:none;transition:transform .2s ease;z-index:2}.btn+.btn{margin-left:16px}.btn:active{transform:scale(.95)}.git-btn,.home-btn{position:absolute;top:8px;transition:.2s;& svg{background-color:initial;color:#e0e0e0;color:var(--text-color)}&:hover{transform:scale(1.1)}}.detail-btn{background:linear-gradient(90deg,#1e90ff,#00ced1);background:linear-gradient(90deg,var(--btn-bg-color),var(--accent-color));border:none;border-radius:6px;color:#fff;color:var(--btn-text-color);cursor:pointer;font-weight:600;height:40px;margin-top:1rem;outline:none;padding:0;text-decoration:none;transition:transform .2s ease;transition:.2s;width:160px;z-index:2;& a{align-items:center;color:#fff;display:inline-flex;height:100%;justify-content:center;text-decoration:none;width:100%}&:hover{transform:scale(1.1)}}.git-btn{right:46px}.home-btn{right:16px}.footer{align-items:center;background-color:linear-gradient(90deg,#1a1a1a,#252525);border-top:1px solid #e0e0e0;border-top:1px solid var(--text-color);color:#e0e0e0;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;width:100%;& h2{margin-bottom:0}}#contact a{color:#e0e0e0;color:var(--text-color);text-decoration:underline}.dot-nav{display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:10}.dot{background:#e0e0e0;background:var(--text-color);border-radius:50%;height:10px;opacity:.5;transition:opacity .3s ease,transform .3s ease;width:10px}.dot:hover{opacity:1;transform:scale(1.2)}.dot.active{background:#1e90ff;background:var(--btn-bg-color);opacity:1}.theme-switch{bottom:2rem;height:26px;position:fixed;right:2rem;width:50px;z-index:10}.theme-switch input{height:0;opacity:0;width:0}.slider{background:linear-gradient(90deg,#1e90ff,#00ced1);background:linear-gradient(90deg,var(--btn-bg-color),var(--accent-color));border-radius:34px;cursor:pointer;left:0;right:0;top:0;transition:background .4s}.slider,.slider:before{bottom:0;position:absolute}.slider:before{background-color:#fff3;border-radius:50%;color:#fff;color:var(--btn-text-color);content:"☀️";font-size:16px;height:25px;left:3px;line-height:25px;text-align:center;transition:transform .4s,content .4s;width:25px}input:checked+.slider{background:linear-gradient(90deg,#00ced1,#1e90ff);background:linear-gradient(90deg,var(--accent-color),var(--btn-bg-color))}input:checked+.slider:before{content:"🌙";transform:translateX(20px)}@media (max-width:768px){.hero-content{flex-direction:column;gap:2rem}.hero-content,.hero-text{text-align:center}.hero-text h2{font-size:2.5rem}.hero-text p{font-size:1.1rem;max-width:100%}.hero-btn{font-size:1rem;padding:.6rem 1.5rem}.hero-character img{max-width:300px}.circle-1{height:60px;width:60px}.circle-2{height:50px;width:50px}.circle-3{height:70px;width:70px}.about h2{font-size:2rem}.about p{font-size:1rem}.about-details p{font-size:.9rem}.skills li{font-size:.8rem;padding:.4rem .8rem}.projects h2{font-size:2rem}.dot-nav{right:1rem}.theme-switch{bottom:1rem;right:1rem}.skills-box{align-items:flex-start;flex-direction:column}.skills-box .skills{justify-content:flex-start}}.header{font-family:Gugi,sans-serif;font-weight:400;letter-spacing:6px}
/*# sourceMappingURL=main.7fcd9346.css.map*/