.special-elite-regular {
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
}


h1 {
    color: hsl(255, 35%, 25%);
    font-family: courier;
    font-size: 60px;
    text-align: center;
    margin: 20px;
    padding: 40px;
    background-color: hsl(100, 16%, 71%);
    border-style: dotted;
    border-width: 5px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-color: hsl(360, 35%, 50%);
    
}


body {
    background-color: hsl(240, 70%, 95%);
    color: hsl(80, 100%, 15%);
    font-family: courier;
    text-align: center;
    margin: 20px;
    padding: 40px;
    border-style: dotted;
    border-width: 10px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: hsl(360, 35%, 50%);
    
}

p {
  line-height: 25px;
  
}

h2 {
  color: hsl(255, 35%, 25%);
  font-family: courier;
  font-size: 45px;
  text-align: center;
  margin: 5px;
  padding: 10px;
  background-color: hsl(100, 16%, 71%);
  border-style: dotted;
  border-width: 3px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-color: hsl(360, 35%, 50%); 
}


ul {
      margin: 10px 460px 10px 460px;
}



table {
  color: hsl(255, 35%, 25%);
  font-family: courier;
  font-size: 25px;
  text-align: center;
  margin: 1px 350px 10px 350px;
  padding: 20px;
  background-color: hsl(100, 16%, 71%);
  border-style: dotted;
  border-width: 3px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-color: hsl(360, 35%, 50%);
}



h3 {
  color: hsl(255, 35%, 25%);
  font-family: courier;
  font-size: 45px;
  text-align: center;
  margin: 5px;
  padding: 10px;
  background-color: hsl(100, 16%, 71%);
  border-style: dotted;
  border-width: 3px;
  border-left-width: 3px;
  border-right-width: 3px;
  border-color: hsl(360, 35%, 50%); 

}



a:hover {
    text-decoration: none;
    color: hsl(360, 35%, 50%);
    background-color: hsl(100, 16%, 71%);
}