body {
  background-color: gray; /* или любой другой серый цвет */
}

.logo {
  text-align: center;
  width: 30px; /* или любой другой размер */
  height: auto; /* чтобы сохранить пропорции, можно опустить или оставить auto */
}

.header {
    position: absolute;
    top: 10px; /* отступ сверху */
    right: 10px; /* отступ справа */
    display: flex;
    flex-direction: column; /* столбиком */
  }
.container {
  display: flex; /* включаем flex */
  justify-content: center; /* по горизонтали */
  align-items: center;     /* по вертикали */
  height: 100vh;           /* высота 100% высоты окна */
}

/* Оформление ссылок */
.zagolovki a {
  border: 1px solid black;
  margin: 8px;
  padding: 4px;
  display: inline-block;
  text-align: center; /* по желанию, чтобы текст внутри был по центру */
  text-decoration: none;
  color: black;
  cursor: pointer;
  font-size: 20px; /* Чтобы было заметнее */
}
 
.zagolovki span {
  border: 1px solid black; /* рамка */
  margin: 30px;             /* расстояние между рамками */
  padding: 4px;            /* внутренние отступы внутри рамки */
  display: inline-block;   /* чтобы рамка охватывала только слово, а не весь поток */
  font-family: Arial, sans-serif; /* по желанию */
}
  
   .opisanie{
    width: 800px;
    height: 300px;
    color: white;
  background-image: url('foto/images 2.jpg');
  /* Дополнительные стили часто используют для оформления: */
  background-size: cover; /* чтобы картинка заполняла весь блок */
  background-position: center; /* чтобы изображение было по центру */
  background-repeat: no-repeat; /* не повторять картинку */
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 столбца одинаковой ширины */
  gap: 10px; /* расстояние между картинками, по желанию */
  width: 100%; /* можно задать фиксированную ширину или оставить как есть */
  max-width: 600px; /* например, чтобы limitировать размер */
 
}

.gallery-grid img {
  width: 2000px;
  height: 2000px; /* сохраняет пропорции */
 text-align: center;
  border: 1px solid #ccc; /* рамка, по желанию */
   margin-left: 0;
  padding-left: 0;
}
.my-title {
  font-family: 'Arial', sans-serif; /* или любой другой шрифт */
  font-size: 80px; /* увеличенный размер шрифта */
  text-align: center; /* по центру страницы */
  margin-top: 50px; /* отступ сверху, по желанию */
  color: #0d0c0c; /* цвет текста, по желанию */
}