body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height:100vh;
}

a {
    cursor: pointer;
}

#background_canvas {
  z-index:0;
  height:100vh;
  width:100vw;
}

#image_content {
    display: flex;
    flex: 1 1 75%;
    flex-direction:row;
    height: 85vh;
    width: 35vw;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
}

#text_content {
  flex: 1 1 15%; 
  font-family: "Love Ya Like A Sister", cursive;
  font-weight: 400;
  font-style: normal;
}

#armor_flex {
  flex:1 1 70%;
  height:100%;
}


#text_main_flex {
 flex:1 1 50%;
 border:1px solid black;
 height:100%;
}

#water {
	flex: 1 1 10%;
	width: 100vw;
}

#l4d_header {
  font-family: "Love Ya Like A Sister", cursive;
  font-weight: 400;
  font-style: normal;
}

#content_links {
  font-family: "Love Ya Like A Sister", cursive;
  font-weight: 400;
  font-style: normal; 
}

#armor_img {
  display:block;
}

#painting {
 width: 10vw;
 display:none;
}

.armor_path {
 visibility:visible; 
 opacity:0;
}

.armor_path:focus {
  outline: none;
}