/* */
@font-face {
  font-family: pixellari;
  src: url(../assets/fonts/pixellari/Pixellari.ttf);
}

body {
  background: url("../assets/images/Cloud\ Background.png");
  background-size: 550px;
  display: flex;
  margin: 0px;
  font-family: pixellari,'Courier New', Courier, monospace;
  color: #671203;
}

.all-container {
  align-content: center;
  padding: 0;
  border: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}

/* Top navigation bar */
.nav-top {
  height: 15vh;
  background-color: #FFDDDE;
  border-style: solid;
  border-width: 20px;
  border-image-source: url("../assets/images/Border\ Repeat\ 9-Slice.png");
  border-image-slice: 240;
  border-image-repeat: round;
  z-index: 1000;
  margin: 2vh;
  display: block flex;
  text-align: right;
  width: auto;
}

.nav-top-image {
  margin: 2%;
  max-height: 92%;
  box-sizing: border-box;
  padding: 2%;
  width: auto;
}

/* Main content area */
.content {
  margin: 2vh;
  background-color: #FFDDDE;
  border-style: solid;
  border-width: 20px;
  border-image-source: url("../assets/images/Border\ Repeat\ 9-Slice.png");
  border-image-slice: 240;
  border-image-repeat: round;
  overflow: auto;
  padding: 2.5vh;
  height: 100%;
  box-sizing: border-box;
  flex-direction: column;
}