body {
  background-color: black;
  color:  white;
  font-family: "Courier New"; 
}


.image1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
  

.image2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
}

h1 
{ color: #FFEE00;
}

h2 { color: #FFEE00;
}

.centerbox {
margin: auto;
background-color: black;
width: 50%;
border: 3px solid red;
padding: 10px;
text-align: center;
font-size: 13px;
}

.centerboxarcade {
margin: auto;
background-color: black;
width: 50%;
border: 3px solid blue;
padding: 10px;
text-align: center;
font-size: 13px;
}  


.scrollbox {
margin: auto;
background-color: black;
width: 50%;
height: 100px;
border: 3px solid red;
padding: 10px;
text-align: center;
font-size: 12px;
color: red;
overflow-y: auto;
}

.scrollboxarcade {
margin: auto;
background-color: grey;
width: 50%;
height: 300px;
border: 3px solid blue;
padding: 5px;
text-align: center;
font-size: 12px;
color: red;
overflow-y: auto;
}

.pikabuild {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
}

.idkami {
grid-area: kamiid;
}

.iddante {
grid-area: danteid
}

.imagecontainer {
  display: grid;
  grid-template-areas:
    'kamiid kamid danteid danteid'
    gap: 30px 10px ;
  background-color: #000000;
  background: rgb(0,0,0, .05);
  padding: 60px;
  margin: 60px;
  width: 50px;
}


div