body {
  background-color: white;
  color:black;
  font-family: 'Oxygen', sans-serif;
}



div.hero {
  width : auto;
  height : 100px;
  top : 0;
  background-color: white;
  color: black;
  padding-left:5%
}

div.content {
  padding: 5%;
  width: 66%;
  margin-left:15%;

}

a {
  color: black;
}





div.articlePreview {
  background-color: white;
  width: 100%;
  height:500px;
}
div.articlePreview:hover{
  /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  border-color: black;
  border-style: solid;
  border-width: 2px 0px 2px 0px;*/
}
button.articlePreview {
  background-color: #0000FF; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-left:45%;
}

button.articlePreview:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.dark-mode {
  background-color: black;
  color: white;
}