.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 #451010;
  background-color:  rgb(69, 16, 16, .75);
}

.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;
}

/*tabs shit*/
.mytabs {
  display: flex;
  flex-wrap: wrap;
}

.mytabs input[type="radio"] {
  display: none;
}

.mytabs label{
  padding: 25px;
  background: #451010;
  font-weight: bold;
}

.mytabs .tab {
  width:100%;
  padding: 20px;
  background: rgb(69, 16, 16, .75);
  order: 1;
  display: none;
}

.mytabs input[type=radio]:checked + label + .tab{
  display: block;
}

.mytabs input[type="radio"]:checked + label {
  background: rgb(69, 16, 16, .75);
}

body {
 background-image: url('photos/stars.gif');
 background-attachment: fixed;
 background-repeat: repeat;
 background-size: 100px;
 cursor: url(photos/knife.png), auto;
}

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

@font-face {
  font-family: 'faker';
  src: url('/faker/Fake Receipt.otf');
}
p {
  font-family: 'faker';
  color: antiquewhite;
}