body {
  margin: 0;
  padding:0;
  font-family: 'Heebo', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #f0efeb;
  color:black;
}

h1, h2, h3, h4, h5, h6{
  font-weight: 800;
  text-shadow: -0.1rem 0.1rem 0 rgba(29, 30, 28, 0.26)
}

p{
  font-weight: 300;
}

#nav{
  background-color: #23272A;
}
.titleDiv button{
  background:#535353;
  border-width:1px;
  border-style:solid;
  border-color:#FFFFFF #808080 #808080 #FFFFFF;
}

#welcomeBox{
  background-color: #00000d !important;
  border:1px solid #73ecff;
  border-radius:15px;  
  flex-direction : "column";
  justify-content : "center";
  align-items : "center";
  height : "25%";
  width : "25%";
  position: absolute;
  top: 40%;
  left: 52%;
  transform: translate(-50%, -50%);
  align-self : "center";
  width:25%;
}

.image{
  background:#000080;
  display:inline;
  font-size:12px;
  color:white;
  font-size: bold;
}

.titleDiv{
  display: flex!important; 
}
.title{
  margin-right: auto;
  display:inline;
  font-size:12px;
  font-family:Tahoma!important;
  color:white;
  font-size: bold;
  width:"80%;"
}

#welcome{
  text-align:center;
  margin-bottom:3px;
  font-family:"MS Sans Serif";
}



.hide{
  display:none;
}

#enter{
  background:#C0C0C0;
  border-width:1px;
  border-style:solid;
  border-color:#FFFFFF #808080 #808080 #FFFFFF;
  padding:5px 10px;
  font-size:12px;
  font-family:"MS Sans Serif";
  text-decoration:none;
  cursor:pointer;
  color:black;
  margin-left:42%;
}

#enter:hover{
  color:#585858;
}


a{
  color: black;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

footer{
  background-color: #23272A;
  color:white;
  text-align: center;
  padding:10px;
}

@media (max-width: 968px){
 
  #welcomeBox{
    background-color: #00000d !important;
    border:1px solid #73ecff;
    border-radius:15px;  
    flex-direction : "column";
    justify-content : "center";
    align-items : "center";
    height : 20%!important;
    position: absolute;
    top: 60%;
    left: 52%;
    transform: translate(-50%, -50%);
    align-self : "center";
    width:50%!important;
    font-size:0.8em;
  }

}