body {
  background-color: #b59fcc;
  font-family: Averia Serif Libre;


.center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 50px;
} 

.enter {
    height: 800px;
    width: 800px;
    background-image: url('/images/EnterButton.png');
    background-size: cover;
    transition: background-image;
    
}

.enter:hover {
    background-image: url('/images/EnterButton2.png');
}

@font-face {
    font-family: .averia-serif-libre-regular {
  font-family: "Averia Serif Libre", serif;
  font-weight: 400;
  font-style: normal;
}