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

.title {
    font-family: "Press Start 2P", cursive;
    font-size: 2em;
    color: white;
    text-align: center;
}

/* .bottom-half {
    min-height: 50vh;
    /* Минимальная высота нижнего контейнера - 50% высоты окна 
} */

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
}

.image {
    max-width: 100%;
    max-height: 100%;
}

.top-half {
    background-color: rgb(38, 57, 130);
}

.bottom-half {
    background-color: rgb(29, 18, 25);
}

.extra-container {
    background-color: rgb(84, 84, 84);
    height: 100%;
    /* Примерная высота пустого контейнера */
}