@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard.css");

/****************** Fonts  *************

font-family: 'Pretendard';
font-family: "Lato", sans-serif;
font-family: "Orbitron", sans-serif;

font-weight:800 / extrabold
font-weight:700 / bold
font-weight:600; / semibold
font-weight:500 / medium
font-weight:400 / regular 
font-weight:300 / light
font-weight:100 / thin

*****************************************/

html { overflow-y:auto; font-size: 62.5%;}

/* 1. Box sizing */
*, *::before, *::after {box-sizing: border-box;}

/* 2. 기본 margin 제거 */
* {margin: 0;}

/* 3. 기본 폰트 & 렌더링 개선 */
html:focus-within {scroll-behavior: smooth;}

body {
font-family: 'Pretendard';
font-size: 1.6rem;
font-weight: 400;
color:#fff;
word-break: keep-all;
background:#1a1a1a;
min-height: 100vh;
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
}

/* 4. 리스트 스타일 제거 (class 있을 때만) */
ul, ol {list-style: none; padding: 0;}

/* 5. 링크 기본 스타일 개선 */
a {text-decoration-skip-ink: auto; text-decoration: none; color: inherit;}

/* 6. 이미지 및 미디어 */
img, picture, video, canvas, svg {display: block; max-width: 100%;}

/* 7. form 요소 기본 폰트 상속 */
input, button, textarea, select {font: inherit;}

/* 8. textarea 자동 리사이즈 방지 (필요시 제거 가능) */
textarea {resize: vertical;}

/* 9. button 기본 스타일 제거 */
button {border: none; background: none; cursor: pointer;}

/* 10. heading 줄바꿈 개선 */
h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}

/* 11. root stacking context */
#root, #__next {isolation: isolate;}