.btn {
  background-color: #b75959;
  color: #eaba87;
}

.btn:hover,
.btn:focus {
  outline: 2px solid rgb(165, 67, 67);
  background-color: #c39b69;
  color: #5b3636;
}

img{
  font-size: 18px;
  width: 300;
}

.title-dyadyaxochetyotyu {
  font-size: 16px; /*розмір шрифтів*/
  font-weight: 300; /*жирність шрифтв*/

  font-style: italic; /*курсив (ну типо згинає)*/

  /*text-transform: capitalize; /*нічого*/
  /* text-transform: lowercase;  /* всі маленькими*/
  /*text-transform: uppercase;  /* всі великі*/

  /*text-align: center; /*в середину*/
  /*text-align: right; 
  /*text-align: left;               */
  /*text-align: justify; /*розтяговать*/
}

.list {
  display: flex;
  outline: double aqua;
  background-color: aqua;
  justify-content: space-between;



  align-items: center;

  flex-wrap: wrap;
}

.items {
  background-color: rgb(95, 172, 172);
  /* width: 200px; */
}