@charset "utf-8";
/* CSS Document */


body {
	background-color: black;
}

#landscape{
         position: absolute;
         top: 0px;
         left: 0px;
         background: #555;
         width: 100vw;
         height: 100vw;
         display: none; 
         z-index: 20000;
         opacity: 0.9;
         margin:0 auto;
}
#landscape div{
		color: black;
        background: #ccc;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-size: 12px;
        opacity: 1;
		height: 1000vw;
        top: 0px;
		align-content: center;
        position: absolute;
        text-align: center;
        display: inline-block;
        width: 100vw;
}

#landscape table{
	border: 1;
	background: black;
	position: absolute;
	top: 25px;
}

.mobile-container {
  font-family: Arial, Helvetica, sans-serif;
  max-width: 600px;
  margin: auto;
  background-color: #000;
  height: 100px;
  color: white;
  border-radius: 10px;
}

@media only screen and (orientation: landscape) {
  body {
    background-color: black;
	display: none;
  }
}

.topnav {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  top: 0px;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #926D02;
  color: white;
}

div.scroll-container {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}

div.scroll-container img {
  padding: 10px;
}