* {
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  color: black;
}

body {
  background-color: black;
}

.grid-container {
    display: grid;
    grid-template-columns: 40% 20% 40%;
    grid-template-rows: 50% 15% 10% 10%;
    grid-gap: 5px;
    text-align: center;
}

.other-grid {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}

h1 {
    text-align: center;
    grid-column-start: 2;
    grid-column-end: 2;
    background-color: orange;
}

h2 {
    text-align: center
}

h3 {
    text-align: right;
    background-color: rgb(255, 0, 0);
}

h4 {
    color:orange;
    font-size: 30px;
}

h5 {
    grid-column-start: 5;
    grid-row-start: 2;
    background-color: red;
}

h6 {
    font-family: 'Courier New', Courier, monospace;
    font-size: larger;
}

.john {
    grid-row-start: 4;
}

.heven {
    text-align: left;
    background-color: aquamarine;
}

.congat {
    color: aquamarine;
    font-size: 30px;
}