/* Does this looks off to you? Well, now that you've read this, it does. What are the true numbers for the headings? Use the original style.
(i dont really know how to explain this puzzle but it should click in your head already) */
body {background-color:#808080}
h2 {font-family:arial,verdana,sans-serif;
font-size:15;
color:#000000;}
a {font-family:arial,helvetica,sans-serif;
color:#0000FF;}
h1 {font-family:arial,helvetica,sans-serif;
font-size:30;
color:#808080;}
h6 {font-family:arial,helvetica,sans-serif;
font-size:30;
color:#000000;}
h4 {font-family:arial,cursive,sans-serif;
font-size:5;
color:#000000;}
h5 {font-family:arial,helvetica,sans-serif;
font-size:25;
color:#000000;}
h3 {font-family:arial,helvetica,sans-serif;
font-size:40;
color:#000000;}
/* off topic but the cough cough very amazing piece of code below took me so unbelievably long to figure out its insane and all it does is make two strings of different headings appear on one row  */
.header-container { 
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}