/* splash page */
#splash-body {
    background-image: url(../media/stars-bg.png);
    background-repeat: repeat4;
    flex-direction: column;
}

#splash-body h1 {
    text-shadow: 3px 2px var(--ocean-mist);
    margin-bottom: -20px;
    position: relative;
    z-index: 100;
    font-family: 'ADELIA', sans-serif;
    color: var(--white-smoke);
}

#splash-container {
    background-color: #5fb0b7c1;
    width: 350px;
    max-height: 200px;
    padding: 20px;
    border: 3px dotted var(--ocean-mist);
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#splash-container p, #splash-container li {
    font-family: monospace;
    color: var(--white-smoke);
}

.button {
    width: 70px;
    padding: 2px;
    background-color: rgb(234, 234, 234);
    text-align: center;
    color: black;
    outline: 0.8px solid black;
    font-family: monospace;
}

.button:hover {
    background-color: rgb(167, 167, 167);
    color: white;
}

#pikachu {
    position: relative;
    bottom: 125px;
    right: 155px;
    transform: rotate(6deg);
    z-index: 100;
    width: 200px;
}