@font-face {
  font-family: 'squ' ;
  src: url(fonts/SquealerEmbossed.ttf);
  }
@font-face {
  font-family: 'zen' ;
  src: url(fonts/ZenDots-Regular.ttf);
  }


body {
  margin: 0 auto;
  padding: 0 20px 20px 20px;
  background-image: url("content/design/backg.jpg"); /* Путь к вашей картинке */
  background-size: cover;                  /* Растянуть на весь экран */
  background-attachment: fixed;            /* Зафиксировать фон при скролле */
  background-position: center;             /* Центрировать изображение */
  background-repeat: no-repeat;     
  background-color: #030317;
color: white;
text-align: center;
margin:0;
  padding: 0;
  box-sizing: border-box;

}


.navbar {
  background-image: url('content/uptitle/bm.jpg');
    background-repeat: unset;
    /* Дополнительные настройки для красоты */
    padding: 10px;
  box-sizing: border-box;
.navbar a {width: 20; text-align: center; padding: 20; font-size: 30%;}
  
}
.intr { height: 300px;
width: 900px;
padding: 2rem;
margin:  auto;
  text-align: center;
  background-color: #5e0403;
  border-style: solid;
border-image-width: 35px;
border-image-source: url('bord.png');
border-image-slice: 100;
border-image-repeat: stretch;
background-clip: content-box;
}

.my-style {
  display: flex;          /* Включаем режим гибкого контейнера */
    justify-content: center; /* Центрируем по горизонтали */
    align-items: center;     /* Центрируем по вертикали */
    height: 100px;
width: 500px;
padding: 2rem;
margin: auto;
  text-align: center;
  background-color: #5e0403;
  border-style: solid;
border-image-width: 35px;
border-image-source: url('bord.png');
border-image-slice: 100;
border-image-repeat: stretch;
background-clip: content-box;
}

  .img-box {
display: block; width: 200px; margin: 0 auto;
    }
.ban { margin: 200px;
    margin-top:0;
    margin-bottom:0;
 }


p {
  font-family: 'zen';
  color: khaki;
  width: 900px;
  text-align: center;
  letter-spacing: 1 px;
  }
h1 {
  font-family: 'squ' ;
  color: tomato;
  text-align: center;
  }