body {
  font-family: 'Times New Roman', Times, serif;
  font-size: 14px;
  display: flex;
  display: flex;
  justify-content: center;
  margin: 0;
}

.events {
  position: absolute;
  top: 100px;
  padding: 50px;
  max-width: 600px;
  padding: 20px;
  background: transparent;
  border: 0px solid black;
  height: auto;
  text-align: center;
  
}

a {
  color: rgb(0, 0, 0);
  text-decoration: none;
  transition: filter 0.3s;

}

a.white {
  color: white;
}

a:hover {
  color: rgb(0, 0, 0);
  background-image: url(assets/fractal.gif);
  background-size: 400% 400%;
  height: 100vh;
  filter: blur(4px);

} 

img.redshadow{
  filter: drop-shadow(red .5rem .5rem 10px);
} 

img.large {
  max-width: 100%;
}

img.medium {
  max-width: 666px;
}




@media only screen 
    and (max-width: 800px) 
 {
 
  body{
    font-size: 14px;
  }
  img{
   max-width: 100%;
   height: auto;
 } 
s


}