/* ============================================ */
/* LOCAL FONT FACES */
/* ============================================ */
@font-face {
    font-family: 'Share Tech Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/ShareTechMono-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Space Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/SpaceMono-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/JetBrainsMono-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/IBMPlexMono-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/FiraCode-Regular.ttf') format('truetype');
}

/* ============================================ */
/* RESET & BASE */
/* ============================================ */
*{margin:0;padding:0;box-sizing:border-box}

body {
    background:#0a0c0f;
    color:#00ff9d;
    font-family:'Share Tech Mono', monospace;
    line-height:1.5;
    padding:0;
    min-height: 100vh;
}

h2 {
    font-size:1.5rem;
    margin:40px 0 20px;
    border-left:4px solid #00ff9d;
    padding-left:15px;
    color:#ffd93d;
}

.container {
    width: 100%;
    margin: 0;
    padding: 10px;
}

::-webkit-scrollbar {
    width:6px;
} 

::-webkit-scrollbar-track {
    background:#0d1117;
} 

::-webkit-scrollbar-thumb {
    background:#00ff9d;
}