/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
body {
  margin: 25px;
  background-color: rgb(31,31,31);
  font-family: arial, sans-serif;
  font-size: 14px;
  color: rgb(240,240,240);
}

/* Applies to all <h1>...</h1> elements. */
h1 {
  font-size: 35px;
  font-weight: normal;
  margin-top: 5px;
}

/* Applies to all elements with <... class="someclass"> specified. */
.someclass { color: red; }

/* Applies to the element with <... id="someid"> specified. */
#someid { color: green; }

/* Applies to all images. */
img {
width: 400px;
height: 300px;
display: flex;
}

/* Organization for the top of the page-- horizontally aligned content */
.top {
display: flex-start;
justify-content: flex-start;

}

.menu {
width: 10%;
height: 40px;
background-color: rgb(40,40,40);
color: rgb(240,240,240);
display: flex-end;
border: none;
justify-content: flex-end;
margin-left: 5px;
margin-right: 5px;

}