.grid-container{
  display: grid;
  grid-auto-columns: 0fr 3fr 3fr 0fr;
  grid-auto-rows: 0fr 0fr 1fr 0fr;
  grid-gap: 20px;
  justify-content: center;
  align-content: center;
}
.grid-container > div {
  border: 5px solid #332B2B;
  background-color:  rgba(51, 43, 43, .25);
}

.grid-item-1{
grid-column: span 4;
}

.grid-item-2{
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.grid-item-3{
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start:2;
  grid-row-end: 4;
}
.grid-item-4{
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start:2;
  grid-row-end: 3;
}

grid-item-5{
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}

.grid-item-6{
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 4;
}

body {
 background-image: url('photos/fnaf2.jpg');
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-size: 100vw 100vh;
 cursor: url(photos/funtimefreddyh.png), auto;
}

@font-face {
  font-family: 'doctorglitch';
  src: url('/doctorglitch/doctorglitch.otf?#iefix') format("truetype");
}
h1 {
  font-family: 'doctorglitch';
  color: #E8D3C8;
  font-size: 100px;
}

@font-face {
  font-family: 'daydream';
  src: url('/daydream/daydream.otf?#iefix') format("truetype");
}
p {
  font-family: 'daydream';
  color: #F1EBE9;
  font-size: 20px;
  font-weight: bold;
}