@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');


*{
    padding: 0;
    margin: 0;
}


body{
    font-family: 'Bangers', cursive;
    background-color: rgb(190,205,190); 
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeIn 0.5s ease forwards;
}


.navBar{
    display: flex;
    background-color: rgb(100, 100, 100);
}

.navBar a{
    text-decoration: none;
    display: block;
    padding: 1em;
    text-align: center;
    color: aliceblue;
}

.navBar a:hover{
    background-color: rgb(156, 156, 156);
}

.filmOne div{
    text-align: center;
    padding-inline: 3em;
    border-style: solid;
    border-width: 0.5px;
    border-color: rgb(0, 0, 0);
    margin-top: 10px;
    margin-inline: 40px;
}

.filmOne p{
    margin-block: 10px;
}

.filmOne img{
    justify-content: center;
    width: 95%;
}

@media(max-width: 1500px){
    .ads,
    .person {
    margin-inline: 0;
    /* padding-inline: 20em; */
    }
}


/* Анимация появления */
@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}