html {
  background-color:#f5ddd9;
  text-align:center;
  font-family:"Times New Roman", Times, serif;
  font-size:150%;
}

h1 {
  border: 10px solid #f4bbd3;
  background-color:#f4bbd3;
  width:fit-content;
  color:black;
  padding:1em 1em;
  margin:1em 1em;
}

.container {
  display: flex;
  flex-direction: column; /* Stack boxes vertically */
  align-items: center; /* Center boxes horizontally */
  gap: 5px; /* Add spacing between boxes */
}

#topleft {
  width:150px;
  position:absolute;
  top:7em;
  left:0;
  padding:10px 0px;
  border:5px outset #f4bbd3;
  margin:1em 1em;
}

#topright { 
  position:absolute;
  top:7em;
  right:0;
  padding:10px 25px;
  border:5px outset #f4bbd3;
  margin:1em 1em;
  width:100px;
}

#hidden {
  all:revert;
  text-decoration:none;
}

.text_with_img {
  display: flex;
  vertical-align:middle;
  gap: 5px;
}

#alani {
  width:200px;
  height:auto;
}

#coraline {
  height:400px;
  width:auto;
}

span {
  padding: 10px;
}

a {
  margin: 5px 0; 
  color:black;
  border: 10px outset #f4bbd3;
  text-decoration:none;
  padding:1em 1em;
  background-color:#f4bbd3;
}

#LImg { 
  left: 0;
}

#RImg {
  right: 0;
}