body    { background-color:#8fc9eb; }

p 		{                 
    font-family: "times new roman", arial, courier, sans-serif;
    font-size: 2em;
    color: black;            /* color of text */
    }

.center { text-align: center; }    /* <p class="center"> */

h1	{ 	
    font-family: "times new roman", arial, courier, sans-serif;
    font-size: 2.5em;          /* em is recommended by W3C. 1em = default text size 16px. 40px/16 = 2.5em. Pixels/16 = EM */ 
    text-align: center;
    text-decoration: none; 
    color: black; 
    }


.div2 {
  display: block;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  border: 5px solid red;  
  border-radius: 25px;
  width: 75%;
  background-color: rgb(161, 236, 217)
}

     
/* LISTS */

ul li { 
list-style-type: none;
font-size: 2em;
color: #000;
padding: 8px;
}


/* LINKS */
/* unvisited link */
a:link {
  color: black;
  text-decoration: underline;

}

/* visited link */
a:visited {
  color: black;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: red;
  text-decoration: underline;
}

/* selected link */
a:active {
  color: black;
  text-decoration: underline;
}


@media (max-width: 768px) {
body    { background-color:#a9eb8f; }

  .div2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  p { font-size: 1.3em; }
  h1 { font-size: 1.8em; }
  ul li {font-size: 1.3em;}
}

@media (max-width: 480px) {
body    { background-color:#e6a467; }
  
  p  { font-size: 1.2em; }
  h1 { font-size: 1.5em; }
  ul li {font-size: 1.2em;}
}