* {
    margin: 0px;
    padding: 0px;
}

/* шрифт*/
@font-face {
    font-family: 'AnimeAce2';
    src: url('./Anime Ace v3.ttf') format('opentype');
}

body {
    /* перенес из .conteiner */
    margin-left: 2vw;
    margin-right: 2vw;
    
    font-family: "AnimeAce2";       /* шрифт*/

    background-image: url("../img/background.webp");
    background-size: cover;
    background-attachment: fixed;

    overflow: hidden;
        
    color: white;
    background-color:#24222b;
}

h1 {
    text-align: center;
}


#donation {
    max-width: 40vw;
    p {
        font-size: large;
    }
}

#anime-chan-container {
    position: relative;
    filter: drop-shadow(2px 2px 2px rgb(0, 0, 0)); /* Тень */
}

@media (orientation: portrait) {
    #anime-chan-container {
        --adjust-to: "width";
        width: 60vw;
    }
}
@media (orientation: landscape) {
    #anime-chan-container {
        --adjust-to: "height";
        height: 70vh;
    }
}


.container {
    /* перенес в body, чтобы работало центрирование 
    через "margin: auto", знаю что костыльно, сорян*/

    /* margin-left: 2vw;
    margin-right: 2vw; */

    position: relative;
    top: 50vh;
    transform: translateY(-50%);

    padding-top: 3vh; /* чуток добавил */
    padding-left: 5vw;
    padding-right: 5vw;

    background-color: rgba(16, 23, 64, 0.85);     /* поменял цвет и указал прозрачность в самом цвете */
    border-radius: 30px;                            /* чуток добавил */
    /* opacity: 90%; */

    margin: auto;           /* центрирование */
    max-width: 850px;       /* ограничил ширину тк на больших экранах слишком много пробелов  */
}

.info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
	padding-top: 2vh
}

#falling-leaves-container {
    position: absolute;
    width: 100%;
    height: 104vh;
    transform: translateY(-4vh);
}