body {
background-color: #ff0000;
font-family: courier new;
text-transform: uppercase;
font-size: 2em;
letter-spacing: -1px;
font-weight: bold;
min-height: 100%;
    overflow: hidden;
}

.header {
top: 0px;
left: 0px;
width: 100%;
background-color: #000;
color: #ff0000;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
} 

.footer {
bottom: 0px;
left: 0px;
width: 100%;
background-color: #000;
color: #ff0000;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
} 

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: stretch;
    overflow: hidden;
gap: 15px;
padding-top: 45px;
max-height: 60%;
}

.flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
background-color: #000;
color: #ff0000;
padding: 5px
}

.flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
padding: 5px
}