body{
    font-family: 'DM Sans';
    background-color: #202020;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container{
  max-width: 600px;
  margin: 3em auto;
  width: 90%;  
  color: #F8F7EF;
}

.content{  
  padding: 5%;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 1.0);
  background-color: #000000;
  margin-bottom: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 1.0rem;
  
}


h1 {
    font-size: 2rem;
    margin-bottom: 0px;
}

ul.links {
    list-style: none;
}

ul.links li {
    margin: 10px 0;
}

p {
    padding: 5px;
}

a {
    text-decoration: none;
    color: #f5e673;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

a:hover {
    background-color: #ce5302;
    color: #f5e673;
}