---

/* Базовые стили */
.hat{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 120px;
    background-color: #1f1f1f;
    padding: 15px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.hat img{
    width: 70px;
    height: 50px;
}

nav{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

a{
margin:20px;
   font-family: Trebuchet MS;
   font-size: 100%;
   color: white;

}

.films_block{
   margin-top:250px;
}
.film{
   width:300px;
   padding:10px 10px;
   background-color:#3a65a6;
   border-radius:25px;
   margin:10px;
}

.film1 h2{
   position: absolute;
   top: 230px;
   left: 420px;
}

.film1 p1{
   position: absolute;
   top: 280px;
   left: 420px;
}

.film2 h2{
   position: absolute;
   top: 780px;
   left: 580px;
}

.film2 p1{
   position: absolute;
   top: 830px;
   left:295px;
}