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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0}:root{--bg:#0f1724;--card:#0b1320;--muted:#9aa4b2;--accent:#56b6f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif}body{background:#0f1724;background:var(--bg);color:#e6eef6;display:flex;justify-content:center;margin:0;padding:20px}.portfolio{max-width:900px;width:100%}.header{background:#0b1320;background:var(--card);border-radius:10px;gap:20px;padding:20px}.avatar{align-items:center;background:linear-gradient(135deg,#56b6f7,#7ee7ff);background:linear-gradient(135deg,var(--accent),#7ee7ff);border-radius:12px;color:#072033;display:flex;font-size:26px;font-weight:700;height:80px;justify-content:center;width:80px}.subtitle{color:#56b6f7;color:var(--accent);margin:4px 0}.contact{display:flex;flex-wrap:wrap;font-size:14px;gap:10px}.contact a,.contact span{color:#9aa4b2;color:var(--muted);text-decoration:none}section{background:#0b1320;background:var(--card);border-radius:10px;margin-top:20px;padding:20px}h2{color:#56b6f7;color:var(--accent);font-size:18px;margin-bottom:12px}.tech-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#ffffff0d;border-radius:999px;color:#9aa4b2;color:var(--muted);font-size:13px;padding:6px 10px}.project{margin-bottom:16px}.project h3{font-size:16px;margin:0}.meta{color:#9aa4b2;color:var(--muted);font-size:12px}.badge{background:#56b6f7;background:var(--accent);border-radius:6px;color:#051427;font-size:11px;padding:2px 6px}ul{font-size:14px;margin:0;padding-left:20px}footer,ul{color:#9aa4b2;color:var(--muted)}footer{font-size:13px;margin-top:20px;text-align:center}.header{box-shadow:0 0 8px #0000001f;justify-content:space-between;padding:12px 22px}.header,.header-logo{align-items:center;display:flex}.header-logo{gap:8px}.header-logo-icon{background-color:#000;height:40px;width:40px}.header-logo-name{font-size:42px}.header-left{cursor:pointer;font-weight:700;padding:8px 12px;position:relative}.dropdown-menu{background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #00000026;display:none;list-style:none;margin:0;min-width:120px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.dropdown-menu li{padding:8px 16px;transition:background-color .2s;white-space:nowrap}.dropdown-menu li:hover{background-color:#f5f5f5}.header-left:hover .dropdown-menu{display:block}
/*# sourceMappingURL=main.7d4ceafe.css.map*/