@import "modules/d3-blurb/blurb.css"; 
@import "modules/pages/pages.css"; 

html,
body {
  height: 100%;
  font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif; 
  font-size: 110%;
  margin: 0;
}

body {
  background-color: black;
  height: 100vh;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 

.container {
  height: 100%;
  width: 100%;
}

.poem-container {
  width: auto;
}

.poem-container > img {
  position: relative;
  top: -60%;
  width: 33%;
  left:33%
}

.float-container {
  width:100%;
  height:fit-content;
  margin:0px;
}

.float-child {
  width: 50%;
  height: 100%;
  float: left;
} 

.float-child > div {
  height: 80%;
}  

.padding-5 {
    padding: 5%;
}

.margin-1 {
  margin: 1%;
}

.margin-3 {
  margin: 3%;
}

.margin-5 {
  margin: 5%;
}

.margin-10 {
  margin: 10%;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.vertical-center {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}


.border-3 {
  border: 3px solid;
}

.border-2 {
  border: 2px solid;
}

.border-1 {
  border: 1px solid;
}
.fill-black {
  fill: black;
  background-color: black;
}

.white {
  color: white;
  border-color: white;
  fill: white;
}

.absolute {
  position:absolute;
  padding: 20px;
}

.absolute-child.center {
  right: 50%;
}  

.left_poem {
  /* margin-right: 10%; */
  margin-top: 2em;
}


#page1 h1 {
  text-align: left;
}