body {
  background-color:cornsilk; 
  font-family: courier;
}

h1 {
  /* color: blue; */
  color:brown;
}


li {
  padding: 5px;
}

input {
  padding: 3px;
}

p {
  /*color: red;*/
  text-align: justify;
  /* border: 2px solid powderblue; */
  border: 2px solid grey;
  border-radius: 5px;
  padding: 20px;
}

p:hover {
  background-color: antiquewhite;
}

.alternativeParagraph {
    /*color: red;*/
    text-align: center;
    background-color: rgb(250, 239, 193);
    border: 2px solid powderblue;
    border-radius: 5px;
    padding: 30px;
}

/* remember the a-tag used for hyperlinks?
    a:hover describes the style of the link when the mouse is above the link 
*/
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
    /* font-size: 110%; */
}


/*

table {
    border:2px solid rgb(60, 116, 124)  
}

tr {
    border:2px solid rgb(114, 171, 179)
}

td {
    border:2px solid powderblue  
}

td:hover {
    background-color: azure;
}*/


li {
  
  text-align: left;
  border-radius: 5px;
  padding: 10px;
}

table {
    

  }
  

  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    border-radius: 5px;
    padding: 10px;
  }
  

  /* remember tr: this is the table row */
  
  tr:nth-child(even) {
    background-color:aliceblue;
  }
  tr:nth-child(odd) {
    background-color:azure;
  }