@font-face {
  font-family: "templeos_font"; /* Имя шрифта */
  src: ("IBM_BIOS.woff") format("woff");
  src: url("templeos_font.ttf") format("ttf"),
    url("templeos_font.woff") format("woff");
  font-weight: normal; /* Можно указать нормальный или жирный */
  font-style: normal; /* Можно указать normal, italic */
}

@media (max-width: 768px) {
  .container {
    width: 100%;
  }
}

body {
  font-family: "templeos_font", Arial, sans-serif;
}

.website-border {
  border: 10px solid black; /* Define border width and color */
  flex-grow: 1; /* Allow content to stretch within the border */
  margin: 0; /* No margin outside the border */
  padding: 20px; /* Add padding inside the border */
  box-sizing: border-box; /* Ensure padding does not expand the border */
}

html {
  background-color: #ffffff;
  font-size: 15px;
}

h1 {
  color: rgb(255, 255, 255);
  font-size: 15px;
  padding: 10px;

  background-color: #0000ac;
  font-family: "templeos_font";
}
h2 {
  color: #ffffff;
  background-color: #0000ac;
  text-align: center;
  margin: 20px;
  padding: 40px;
  font-family: "templeos_font";
  font-size: 15px;
}

p {
  text-decoration: none;
  color: #0000ac;
  line-height: 2;
  text-align: left;
  font-size: 15px;
}

dl {
  color: black;
  font-family: "templeos_font";
}

.p1 {
  color: #9d1313;
  letter-spacing: 0px;
}

figcaption {
  text-align: right;
}

#author {
  text-align: right;
}

.photos {
  max-width: 100%;
  height: auto;
  padding: 10px;
  margin: 5px;
}

.vid {
  max-width: 800px;
  margin: 0 auto;
}

table {
  color: #0000ac;
  word-spacing: 12px;
  padding: 10px;
  border: 5px double;
  border-width: 10px;

  border-color: #0000ac;
}

li {
  color: #367;
  font-family: "templeos_font";
  font-weight: bold;
}