html, body {
  height: 100vh;
}
body {
  display: flex; 
  flex-direction: column;
}
.books{
  display: flex;
  flex-direction: row;
  align-items:flex-start;
}
.window {
  background-color: rgb(250, 250, 250);
}
.window-pane{
  font-size: 12px;
}
.homepage{
  margin: 0; 
  padding: 0; 
  height: 100vh; 
  display: flex;
  flex-direction: column;

}
.nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

#clock {
  font-family: Chicago_12;
}
.img-div{
  /* background-color: yellow; */
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  overflow: hidden;
  flex: 1;
  color: rgb(149, 149, 149);
}
.img-div h1{
  color: grey;
  margin-top: 25px;
  margin-bottom: 0px;
}
.img-div p{
  font-family: Chicago;
  font-size: .8em;
  margin: 5px;
}
.orange {
  width: 350px;
  height: 350px;
}