body {
  font-family: arial;
  fo nt-size: calc(0.4em + 1vw);
  font-size: 13px;
  height: 100%;
  background-image: url('../mainbg1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.unselectable {  /* class to disable drag-select */
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#main {
  position: relative;
  width:80%;
  min-width: 460px; 
  max-width: 900px; 
  margin: 0 auto;
}
 /* --------- logo banner  at top -------------*/
#top {
 width: 80%;       
 min-width: 400px; 
 max-width: 900px; 
 height: 6em;
 position: fixed;
 top:0;
 z-index: 1000;
 background-color: #392719;
 display: flex;
 justify-content: left;
}
#logo {
  width: 8em;
  line-height: 6em;
  border-right: 2px solid #897868;
  text-align:center;
}
#logo img {
  width: 6em;
  display: inline-block;  
  vertical-align: middle; 
}
#logotext {
  margin: auto;
  text-align: center;
  font-size: 2em;
  color: #E9DFD6;
  overflow: hidden;
}
#body {
  position: relative;
  margin: 6em auto;
  height: 20em;
  padding-left: 1.3em;
  padding-right: 1.3em;
  border: 1px solid black;
  border-radius: 0.5em;
  background-color: #ffffe6;
  background: linear-gradient(45deg, #e6ffe6, #ffffe6, #e6ffe6);
  font-size: 1.2em;
}
#body div {
  text-align:center;
  position: relative;
  top: 35%;
}
#message {
  font-size: 3em;
  font-weight: bold;
  color: red;
}
#homeButton {
  padding: .5em 1em;
  width: fit-content;
  background: rgb(0,237,56);
  background: linear-gradient(324deg, rgba(0,237,56,1) 31%, rgba(81,195,146,1) 100%, rgba(217,244,227,1) 100%);
  color: white;
  cursor: pointer;
  border: 1px solid white;
  border-radius: .5em;
  margin: 2em auto;
}
#homeButton a {
  text-decoration: none;
  color: inherit;
}
/* ===============================================*/
/* ------------- small screen defs  ------------- */
@media only screen and (max-width: 200px) {

}