body {
  background-image: url("lace2.jpg");
}
.main {
  width: 100%;
  height: 635px;
  display: grid;
  grid-template-rows: 2fr 1fr 6fr 1fr;
  grid-template-columns: 3fr 1fr 3fr;
  align-items: center;
  justify-content: center;
  color: white;
  margin: auto;
  margin-top: auto;
  text-align: center;
}
.door {
  margin: auto;
  width: 100%;
  height: 100%;
}
.enter {
  margin: auto;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2px;
}
.upper {
  width: 100%;
  height: 100%;
  grid-column: 1 / span 3;
}
.left {
  width: 100%;
  height: 100%;
  grid-row: 2 / span 2;
  display: grid;
  grid-template-rows: 5fr 1fr;
  grid-template-columns: 5fr 2fr;
}
.right {
  width: 100%;
  height: 100%;
  grid-row: 2 / span 2;
  grid-column: 3;
  display: grid;
  grid-template-rows: 5fr 1fr;
  grid-template-columns: 4fr 6fr;
}
.lower { 
  width: 100%;
  height: 100%;
  grid-column: 1 / span 3;
}