@font-face {
  font-family: AnnieUseYourTelescope;
  src: url(fonts/AnnieUseYourTelescope.ttf);
}

body{
  background-image: url('Images/pink stripes.png');
  background: rgb(140, 160, 101);
  font-size: 100%;
  color:#ffe6e5;
}

.imp{
  text-align: center;
  margin: 0;
  padding: 5px;
   font-family: 'AnnieUseYourTelescope';
  color:  #ffe6e5;
  padding: 10px, 15px;
  text-shadow: 2px 0 #ff91ae, -2px 0 #ff91ae, 0 2px #ff91ae, 0 -2px #ff91ae,
               1px 1px #ff91ae, -1px -1px #ff91ae, 1px -1px #ff91ae, -1px 1px #ff91ae;
}

.center{
  text-align: center;
  display: block;
  margin: auto;
}

.layout {
  width: 80%;
  margin: auto;
  padding: 60px 0px;
  padding-bottom:0;
  border: 5px solid #ffe6e5;
  border-radius: 5px;

  display: flex;
  gap: 15px;

  justify-content: center;
}

#window{
  font-size: 100%;
  border: 10px solid #ffe6e5;
  border-radius: 5px;
  color:white;
  background-color: #254a3b;
  padding: 20px;
}

#dore{
  float: right;
}

#dore a img:hover{
  content: url(Images/doors/ST-open.png);
}

#awning{
  position: absolute;
  top: 20%;
  left: 5%;
  z-index: 2;
  width: 90%;
}