p {
  color: white;
  font-family: "trebuchet ms"
}
h1 {
  font-weight: bold; color: white;
}
h2 {
  font-weight: bold; color: white;
}
h3 {
  font-weight: bold; color: white;
}
h4 {
  font-weight: bold; color: white;
}
h5 {
  font-weight: lighter; color: white;
  font-family: "trebuchet ms" 
}
h6 {
  font-weight: bold; color: white;
}

div {
  width: 650px; 
  border: 10px ridge blue;
  padding: px; 
  margin: 0px ; 
  background: deepskyblue;
  border-top-color: deeppink;
  border-left-color: yellow;
  border-right-color: yellow;  
}

body {
  animation-timing-function: ease-in-out
}

.sidenav {
  height: auto%; 
  width: 100%; 
  position: fixed; 
  z-index: 1; 
  top: 0; 
  left: 0;
  overflow-x: hidden;
  padding-top: 0px;
  color: white ;
  border: 0px solid blue;

  background-image: <img src("sandstonedark.png")/>;

}

.bottomflow {
  height: 100%; 
  width: 100%; 
  position: sticky; 
  z-index: 1; 
  top: ; 
  left: 0;
  
  overflow-x: scroll;
  padding-top: 0px;

  border: 0px ridge black;
  background-image: url("sandstonedark.png");
  color: white

  

}
.bottomflowflag {
  height: 100%; 
  width: 90%; 
  position: sticky; 
  z-index: ; 
  top: ; 
  left: 0;

  overflow-x: visible;
  padding-top: px;

  border: 10px ridge black;
  background-image: url("flagBD.png");
  background-size: 400px;


}