@charset "UTF-8";
@font-face {
  font-family: "BebasNeue";
  src: url('BebasNeue-Regular.ttf');
}
body {
  text-align: center;
	background-image: url("../img/tileable_wood_texture_by_ftourini.jpg");
	background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "BebasNeue";
	color:#fff9e2;
	filter: drop-shadow(5px 5px 7px black);
	margin: 0;
	padding: 0;
    top: 0;
}
.settingsbtn{
  background-color: transparent;
  border: 0;
  padding: 0 0 0 0;
  font-size: inherit;
}
.settingsbtn:hover,.dropdown:hover,.dropdown:active,#menubtn:hover,#aboutbtn:hover,.backbtn:hover{cursor:pointer!important}
.settings:hover{cursor:default}
#lookupbtn{
  background-color: #0075fc; /* Default Slider color */
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  margin: 2px;
  cursor: pointer;
  border-radius: 8px;
}
.settings {
  text-align: center;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 15px;
  padding: 5px;
  background-color: rgba(255, 249, 240,0.7);
  border-radius: 8px;
}
.labels {
	white-space: nowrap!important;
	text-align: left;
}
.content {
  padding: 0 5px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  text-align: left;
  transition: max-height .2s ease-out;
  margin: inherit
}
.dropdown {
	background-color: transparent;
	border: none;
	font-size: inherit;
}
.info {
	vertical-align: top;
	transition: max-height 0.2s ease-out;
	margin: -15px 0 -10px;
	padding: 0;
	color: rgba(0,0,0,0.80);
}
.menu {
	position: absolute;
	filter: drop-shadow(5px 5px 7px black);
	margin: 1vh 0;
}
#menulist {
	background-color: rgba(255, 249, 240,0.7);
	border-radius: 8px;
	text-align: left;
	margin: auto;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px;
	overflow: hidden;
	text-decoration: none;
}
.menuitems a, #menulist a {
	color:black!important;
	text-decoration: none!important;} 
#menulist a:hover{
	color: #0075fc!important;
}
table td, table td * {
	vertical-align: center;
	text-align: left;
}
#simage {
	filter: drop-shadow(5px 5px 7px black);
	border: 5px solid #fff9e2;
	border-radius: 8px;
}
#About{
	text-align: left;
	font-size: inherit;
}
#aboutbtn {
	border: none;
	background: transparent;
	padding:inherit;
	margin:inherit;
	font-size:inherit;
}
#aboutbtn:hover{color:#0075fc!important}
.backbtn {
	border:none;background:transparent;padding:none;margins:none;text-decoration: none;color:#0075fc;font-size:inherit;
}

@media (orientation: landscape) {
	body {
		margin: 2vh 5vw;
		height: 90vh!important;
	}
	.settings {margin: 0 15vw;}
	#simage {
		margin: 2vh 5vw 0 5vw;
		height: 66vh;
		width: auto;
	}
}
@media (orientation: portrait) {
	body {
		margin: 3vh 1vw 1vh 1vw;
		height: 90vh!important;
	}
	.settings {margin: 5vw 3vw 0 3vw;}
	#simage {
		margin: 3vh 0 0 0;
		height: auto;
		width: 98%;
	}
}