body {
  background-image:url(https://www.toptal.com/designers/subtlepatterns/uploads/ep_naturalblack.png);
  background-color: #2A3240;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  box-sizing: border-box;
  color:white;
}

hr {
  width:50%;
  border: 0; 
  height: 2px; 
  background-image: linear-gradient(to right, #946C3F);
}



.gallery {
  width: 100%;
  max-width: 1500px; /* optional: set a maximum width */
  margin: 20px 0;
}


/*--buttons*/
.buttons {
  display: flex; /* Ensure buttons are in a flex container */
  width:100%;
  flex-direction: row;
  font-size:20px;
  flex-wrap: wrap;
  background-color:#040507;
  box-shadow: 0px 0.1em #946C3F;
}

.buttonlike {
  display: flex;          /* Включаем flexbox */
  align-items: center;    /* Центрируем по вертикали */
  justify-content: center; /* Центрируем по горизонтали (на всякий случай) */        /* Занимаем всю доступную высоту */
  box-sizing: border-box; /* Учитываем padding в общей высоте */
  color: white;
  padding: 10px 20px;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  font-family: Karla;
  cursor: pointer;
  transition: background-color 1s;
 transition-timing-function: ease-out;
}
  
  .buttonlike:hover,
.buttonlike:active {
  background-color: #946C3F;
 
}

.buttonlike:nth-child(1){
  margin-left:1em;
}
/*--end of buttons*/


/*-- text*/
h1,h2{
  margin-bottom: 0px;
  font-weight: 600 ;
  font-family: Spectral;
  color:white;
  text-shadow: 2px 4px 2px #000000;
}



h1 {
  margin-top:2em;
  text-align: center;
}

h2{
  text-align: left;
  padding-left: 0;
}

a{
  font-family: Karla;
  color:Khaki;
}