body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
   background-image: url(bg/texture23.png);
}



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

h1 {
  font-family: "Gothamono";
}
h2 {
  font-size: 8px;
  text-align: right;
  font-family: "Gothamono";
  opacity: 0.8;
}

.pics {
  display: grid;
  grid-template-rows: 400px 300px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px 200px;
  grid-template-columns: 200px 200px 200px 200px 200px 200px 200px;
  margin: 20px;
}

#pic1 {
  grid-area: 1 / 1 / 2 / 3;
}
#pic2 {
  grid-area: 1 / 4 / 1 / 4;
}
#pic3 {
  grid-area: 2 / 1 / 3 / 3;
}
#pic4 {
  grid-area: 2 / 4 / 2 / 4;
}
#pic5 {
  grid-area: 1 / 6 / 1 / 7;
}
#pic6 {
  grid-area: 5 / 4 / 5 / 6;
}
#pic7 {
  grid-area: 2 / 6 / 3 / 7;
}
#pic8 {
  grid-area: 4 / 1 / 6 / 3;
}
#pic9 {
  grid-area: 3 / 4 / 4 / 5;
}
#pic10 {
  grid-area: 5 / 6 / 6 / 7;
}
#pic11 {
  grid-area: 6 / 1 / 8 / 3;
}
#pic12 {
  grid-area: 7 / 4 / 8 / 5;
}
#pic13 {
  grid-area: 8 / 1 / 10 / 4;
}
#pic14 {
  grid-area: 8 / -3 / 10 / -1;
}
#pic15 {
  grid-area: 10 / 1 / 11 / 3;
}
#pic16 {
  grid-area: 10 / 3 / 10 / 4;
}
#pic17 {
  grid-area: 10 / 5 / 11 / 7;
}
#pic18 {
  grid-area: 9 / 4 / 10 / 6;
}
#pic19 {
  grid-area: 12 / 3 / 13 / 5;
}
#pic20 {
  grid-area: 12 / 1 / 12 / 3;
}
#pic21 {
  grid-area: 14 / -5 / 14 / 6;
}
#pic22 {
  grid-area: 13 / 1 / 15 / 3;
}
#pic23 {
  grid-area: 15 / 1 / 17 / 4;
}
#pic24 {
  grid-area: 13 / 6 / 15 / 6;
}
#pic25 {
  grid-area: 15 / 6 / 17 / 6;
}
#pic26 {
  grid-area: 16 / 4 / 17 / 6;
}
#pic27 {
  grid-area: 17 / 1 / 19 / 4;
}
#pic28 {
  grid-area: 19 / 2 / 21 / 5;
}
#pic29 {
  grid-area: 19 / 5 / 21 / 8;
}
#pic30 {
  grid-area: 21 / 1 / 23 / 4;
}
#pic31 {
  grid-area: 21 / 3 / 23 / 5;
}
#pic32 {
  grid-area: 21 / 6 / 23 / 6;
}
#pic33 {
  grid-area: 25 / 1 / 26 / 3;
}
#pic34 {
  grid-area: 23 / 4 / 25 / 6;
}
#pic35 {
  grid-area: 25 / 3 / 26 / 5;
}
#pic36 {
  grid-area: 23 / 1 / 25 / 4;
}
#pic37 {
  grid-area: 23 / 6 / 25 / 8;
}
#pic38 {
  grid-area: 3 / 6 / 4 / 6;
    margin-left: 40px;
}
#pic39 {
  grid-area: 17 / 6 / 19 / 6;}
#pic40 {
  grid-area:  26 / 1 / 27 / 2;
}
#pic41 {
  grid-area: 26 / 5 / 27 / 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;
}