@font-face {
    font-family: Righteous;
    src: url(Righteous-Regular.ttf);
  }
  


body {
  font-family: Righteous;
  text-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  background-color: #5e88ff;
  color: #333;
}

hr {
  color:#000000;
  outline: #000000;
}

header {
  background-color: #5e88ff;
  color: #000000;
  padding:  10px 20px;
  text-align: center;
  box-shadow: 0px 1px 4px #000000;
}

div.swcode {
    background-color: red;
    color: white;
    box-shadow: 2px 2px 4px #000000;
    max-width: fit-content;
    border-radius: 10px;  
    padding:  10px; 
}

div.monthimg {
  background-color: rgb(43, 0, 255);
  color: white;
  box-shadow: 2px 2px 4px #000000;
  max-width: 960px;
  border-radius: 10px;  
}

div.announce {
  background-color: rgb(132, 116, 10);
  color: white;
  box-shadow: 2px 2px 4px #000000;
  max-width: fit-content;
  border-radius: 10px;  
  padding:  10px; 
}

div.nosw {
  background-color: rgb(11, 187, 49);
  color: white;
  box-shadow: 2px 2px 4px #000000;
  max-width: fit-content;
  border-radius: 10px;  
  padding:  10px; 
}

div.who {
  background-color: rgb(11, 187, 49);
  color: rgb(0, 0, 0);
  box-shadow: 2px 2px 4px #000000;
  max-width: 960px;
  border-radius: 10px;  
  padding:  10px; 
}

div.schade {
  background-color: rgb(203, 29, 29);
  color: rgb(0, 0, 0);
  box-shadow: 2px 2px 4px #000000;
  max-width: 960px;
  border-radius: 10px;  
  padding:  10px; 
}

div.true {
  background-color: #5e88ff;
  color: rgb(0, 0, 0);
  box-shadow: 2px 2px 4px #000000;
  max-width: 960px;
  border-radius: 10px;  
  padding:  10px; 
}


nav ul {
  list-style: none;
  padding: 0;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

nav ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

section {
  padding: 10px 20px;
  max-width: 800px;
  margin: auto;
}

section h2 {
  margin-bottom: 10px;
}

section ul {
  list-style: none;
  padding: 0;
}

section ul li {
  margin-bottom: 10px;
}

section ul li a {
  color: #0066cc;
  text-decoration: none;
}

footer {
    background-color: #5e88ff;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    box-shadow: 2px 2px 4px #000000;
  }

h1 {

  font-size: xx-large;
}
  

div.intro {
    background-color: #ffffff;
    padding: 10px;
    text-align: center;
    align-self: center;
    align-items: center;
    color:#000000;
      max-width: 960px;
        border-radius: 10px;  
    box-shadow: 2px 2px 4px #000000;
  }

  div.why {
    background-color: #0040ff;
    text-align: center;
    align-self: center;
    align-items: center;
    padding: 10px;
    color:#000000;
      max-width: 960px;
        border-radius: 10px;  
    box-shadow: 2px 2px 4px #000000;
  }