h1, h2 {
    text-align: center;
}
.classred{
    color: red;
}
.classgreen{
  color : green;
}
.classblue{
  color : blue;
}
.classyellow{
  color : yellow;
} 
body {
  background-color: #ffffe0;
}
.namn1 {
  background-color: red;
  font-size: larger;
} 
.namn2 {
  background-color: red;
  font-size: larger;
}
* {
  box-sizing: border-box;   /* gör att padding räknas in i bredden */
  text-align: center;       /* centrerar all text */
}
body {
  max-width: 800px;         /* sätter en maxbredd på sidan */
  margin: 0 auto;           /* centrerar allt i mitten av fönstret */
  padding: 20px;            /* lägger in luft runt innehållet */
  background-color: #fffde8; /* samma bakgrund som din bild */
  font-family: Arial, sans-serif;
}
a {
color:#666666;
font-size:16px;
text-decoration:none;
}
a:hover {
text-decoration:underline overline;
}