ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 400px;
  background-color: #f1f1f1;
  
}

li a{
  display: block;
  color: black;
  padding: 20px 32px;
  text-decoration: none;
}


/* Change the link and background color on hover */
li a:hover {
  background-color: #555555;
  color: white;
}

body{
    background-color: gray;
}
.display-area{
    background-color: gray;
    width: 4in;
    height: 2in;
    border-radius: 10px;
    padding: 0px 50px 20px 50px;
}
.inline {
    display: inline-block;
    vertical-align: top;
}
#news-area{
    background-color: rgba(0, 0, 250, .3);
}
#alert-area{
    background-color: white;
    width: 6in;
    /* height: 6.75in; */
}
#lower-section{
    background-color: rgb(157, 218, 203);
}

.list-item:hover {
    background-color: rgb(0, 218, 203);
}