body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  background-image: url(bg/3129.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

#title {
  text-align: center;
  margin: 40px;
}

h1 {
  font-family: "AnalogueOS";
  font-size: 22px;
}
h2 {
  font-size: 10px;
  text-align: right;
  font-family: "Gothamono";
}

.pics {
  display: grid;
  grid-template-rows: 220px 200px 200px 200px 100px 300px 100px 100px;
  grid-template-columns: 100px 100px 100px 100px 100px 200px 110px 200px;
  margin: 20px;
  width: auto;
}

#pic1 {
  grid-area: 1 / 1 / 2 / 2;
}
#pic2 {
  grid-area: 1 / 6 / 3 / 6;
}
#pic3 {
  grid-area: 2 / 5 / 3 / 5;
}
#pic4 {
  grid-area: 3 / 7 / 3 / 7;
}
#pic5 {
  grid-area: 1 / 8 / 2 / 8;
}
#pic6 {
  grid-area: 3 / 1 / 4 / 4;
}
#pic7 {
  grid-area: 3 / 10 / 4 / 10;
}
#pic8 {
  grid-area: 2 / 2 / 4 / 2;
}
#pic9 {
  grid-area: 4 / 8 / 4 / 9;
}
#pic10 {
  grid-area: 6 / 10 / 7 / 10;
}
#pic11 {
  grid-area: 5 / 7 / 7 / 9;
}
#pic12 {
  grid-area: 5 / 2 / 7 / 2;
}
#pic13 {
  grid-area: 7 / 1 / 7 / 2;
}
#pic14 {
  grid-area: 7 / 4 / 7 / 4;
}
#pic15 {
  grid-area: 8 / 1 / 8 / 2;
}
#pic16 {
  grid-area: 8 / 6 / 8 / 6;
}

@font-face {
  font-family: "AnalogueOS";
  src: url(https://humantooth.neocities.org/fonts/AnalogueOS-Regular.woff)
    format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gothamono";
  src: url(https://humantooth.neocities.org/fonts/Gothamonov0.2-Regular.woff)
    format("woff");
  font-weight: normal;
  font-style: normal;
}