html,
body {
  height: 100%;
  overflow:auto;
  background-color:white;
  background-image:url(../resources/wood/wood039.jpg);
  display: -webkit-flex;
  display: flex;

  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex-justify-content: center;
               justify-content: center;
}

.footer {
  flex: 0 0 30px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.page {
  flex: 1 1 auto;
  margin-top: 10px;
  position: relative;
  overflow-y: auto;
  background-color: lightblue;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.header {
  flex: 0 0 auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #dcdcdc;
}

.page-content {
  color: #000000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.menu {
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
            flex-flow: row wrap;

    -webkit-flex-justify-content: center;
                 justify-content: center;
    background-color: lightgrey;
}

.menu-item {
  background-color: cornflowerblue;
  width: 100px;
  margin: 10px;
  text-align: center;
}

/*ScrollBar*/
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}