@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body {
    margin: 0;
    padding: 0;
    font-family: 'Press Start 2P', monospace;
    color: #8feaff; /* dezenteres Türkis */

    background: url('level_2_bg.jpg') no-repeat center center fixed;
    background-size: cover;

    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Dezenter Pixel-Art Block */
.pixel-block {
    background: rgba(0, 0, 0, 0.45); /* etwas transparenter */
    padding: 35px 55px;

    /* dezenter Pixelrahmen */
    border: 3px solid #7fd8e6;      /* weiches Türkis */
    outline: 3px solid #d86fd8;     /* weiches Pink */

    /* weicher Glow */
    box-shadow:
        0 0 6px #7fd8e6,
        0 0 10px #d86fd8,
        inset 0 0 6px #7fd8e6;

    image-rendering: pixelated;
}

/* Container */
.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Überschrift höher setzen */
h1 {
    font-size: 1.3em;
    margin: 0 0 30px 0;
    color: #8feaff;
    text-shadow: 0 0 6px #7fd8e6; /* dezenter Glow */
}

/* Textblock */
main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px; /* kein Abstand zwischen den drei Zeilen */
}

/* Jede Zeile */
main p {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    color: #8feaff;
    text-shadow: 0 0 4px #7fd8e6; /* dezenter */
}