/*
M   M  AAAAA  X   X  L      W   W  AAAAA  RRRR   EEEEE
MM MM  A   A   X X   L      W   W  A   A  R   R  E
M M M  AAAAA    X    L      W W W  AAAAA  RRRR   EEE
M   M  A   A   X X   L      WW WW  A   A  R  R   E
M   M  A   A  X   X  LLLLL  W   W  A   A  R   R  EEEEE
*/

@font-face {
    font-family: 'Console';
    src: local('Courier New'), local('Consolas'), monospace;
}

:root {
    --primary: #6e48aa;
    --dark: #000000;
    --light: #ffffff;
}

body {
    background-color: var(--dark);
    margin: 0;
    font-family: 'Console', monospace;
    color: var(--light);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
}

.hero-content {
    padding: 2rem;
    max-width: 800px;
    text-shadow: 0 0 5px rgba(79, 195, 247, 0.5);
}

.title {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.cursor::after {
    content: "_";
    animation: blink 1s step-end infinite;
}

.subtitle {
    color: #bdbdbd;
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.credits-list {
    text-align: left;
    display: inline-block;
    margin-top: 1rem;
}

.credits-list li {
    margin: 0.5rem 0;
}

a {
    color: #4fc3f7;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

@keyframes blink {
    from, to { opacity: 1; }
    50% { opacity: 0; }
}