@charset "UTF-8";

body {
  background-color: #F795B6;
  color: black;
  font-family: 'Arial';
  overflow: auto;
  align-content: center;
}

p {
  font-family: 'Courier New','Courier New Bold';
  font-weight: 100;
  color: black;
}

.container {
  display: flex;
}

.container div {
  margin: auto;
  padding: 20px;
}

.enter {
  background-image: url("https://fabangelita.neocities.org/images/illustrations/env1.png");
  opacity: 1;
  display: inline-block;
  width: 100%;
  height: 800;
  transition: .2s ease;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-position: center;
}

.enter:hover {
  background-image: url("https://fabangelita.neocities.org/images/illustrations/env2.png");
  display: inline-block;
  width: 100%;
  height: 800;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center;
}

.image {
  opacity: 1;
  display: block;
  transition: .2s ease;
  backface-visibility: hidden;
}
.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}