.box {
  box-sizing: border-box;
  width: 90%;
  max-width: 2000px;
  min-width: none;
  background-color: #ffffb1;
  margin: auto;
  padding: 20px 20px 20px 20px;
  border: 2px solid black;
  margin-top:  20px;
}

body {
  background: radial-gradient(
    circle,
    #ffbd9e 64%,
    #fffa9c 100%,
    #f7f0b0 43%
  );
  font-family: arial, sans-serif, "lucida sans";
  color: #1b1b46;
}

h1 {
  font-size: 40px;
  text-align: center;
}

h2  {
  font-size: 30px;
  text-align: center;
  
}

h3 {
  font-size: 20px;
  text-align: center;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border: 4px solid #ffbd9e;
}

hr {
  padding: 2px;
  background-color: #ffbd9e;
  border-color: #ffbd9e;
}

p {
  text-align: center;
  font-size: 20px;
  text-align: center;
  
}

.container {
  font-size:  20px;
  text-align: center;
  list-style-position: inside;
}

#button {
    border-radius: 8px;
    text-align: center;
    background-color: #ffb4a2;
    font-size: 20px;
    margin: auto;    
    cursor: pointer;
    display: inline-block;
}

#button a {
    text-decoration: none;
    color: #1b1b46;
}

#button a:hover {
    color: #fffa9c;
}