body{
  min-height:100vh;
  background-color:#6bbeff;

}

.wrapper {
    display:flex;
    flex-wrap: wrap;
    padding: 5px 5px;
    justify-content:center;
    align-items: flex-end;
    gap: 20px;
    
}

header{
  max-width: 100%;
  margin: 0 auto;
  text-align:center;
  padding: 30px;
  
}

header img{
  background-color:#fedef9;
  border:3px;
  border-color:#ff89e3;
  border-style:groove;
  border-width:5px;
  padding: 10px;
  
}

.boxes{
    
    display:flex;
    justify-content:center;
    
    max-width:400px;
    width:100%;
    min-height:400px;
    
    padding:20px 20px;
    position:relative;
    text-align:center;
    margin: 20 auto;
    

 }

.door{
  background-image:url(Doors/pink.sky.door.closed.png);
  background-size:contain;
  background-position: left top;
  left:29%;
  top:15%;
  width:300px;
  height:275px;
  background-repeat: no-repeat;
  display:inline-block;
  margin:0 auto;
  position:absolute;
  cursor: pointer;
  z-index:1;
}

.door:hover{
  background-image:url(Doors/return.pink.sky.door.open.png);
  background-size: contain;
  width:300px;
  height:275px;
  background-repeat: no-repeat;
  position:absolute;
  left:29%;
  top:15%;
  background-position: left top;
  z-index:1;
}



.clouds{
    display:inline-block;
    height:auto;
    width:100%;
    
    bottom:0;
    text-align:center;
    margin:0 auto;
    position:absolute;
    z-index:2;
}

.clouds img{
    width:100%;
}

.backdrop{
  background-color:#fedef9;
  width:70%;
  height:90%;
  
  margin: 0 auto;
  border-style:ridge;
  border-color:#ff89e3;
  border-width:5px;
  display:inline-block;
  
  position:absolute;
  top:0;
  text-align:center;
  z-index:0;
}

h1{
  
  top:0;
  font-family:Georgia;
  color:#002163;
  text-align:center;
  padding:5px;
  background-color:#fedef9;
  border-bottom: 5px ridge #ff89e3;
  
  margin: 0 auto;
  font-size:1.2em;
}

.linkbuttons {
  font-family:Georgia;
  color:#002163;
  text-align:center;
  display:inline-block;
  top:10%;
  padding:10px;
  background-color:#fedef9;
  border: 5px solid #ff89e3;
  border-radius: 10px;
  margin-top: 20px;
  text-decoration:none;
  font-size:1.1em;
  cursor: pointer;
  z-index:3;
}

.linkbuttons:hover{
  background:#ff89e3;
}


p{
    font-family: Georgia;
    color:#002163;
    margin: 0 auto;
    text-align:left;
    padding:15px;
    font-size:1em;    
  
}