/* styles created for shuffler */
* {
	margin: 0;
	padding: 0;
	/* background-color: rgb(0, 0, 0); */
}


body {
	font-family: "Avenir Next", "Avenir", Helvetica, sans-serif;
	/* font-size: medium; */
/* 	font-size: 3.0vh;  */
    background-color: #666666; 
    align-items: left;
    justify-content: left;
    height: 100vh;
    text-align: left;

}

@font-face {
  font-family: 'Avenir Next';
  src: url("AvenirNext-Regular-08.woff2"); /* font file */
  }
a.deemphasis:link, :visited {
	color: black;
}
a.deemphasis:hover, :active {
	color: white;
}
a.neutral:link, :visited {
	color: white;
}
a.neutral:active {
	color: white;
}
a.neutral:hover {
	color: rgb(240, 255, 18);
}
input[type=text] {
	font-size:24px;
}

img {
  max-width: 100%;
  max-height: 90%;
  height: auto;
  float: left;
  vertical-align: top;
  background-color: rgb(0, 0, 0);
}
.container {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    justify-content: left;
    max-width: 100%;
    margin-top: 0px;
}
.overlay {
/*   position: relative;  */
position: absolute;
/*   top: 50%;   */
	top: 600px;
  left: 0em; 
  background-color: #000000; 
  color: #fff; 
  padding: 2px 2px 0px 0px; 
  /* font-size: 25px; */
  font-size: 3.0vh;
  text-align: left;
/*   width: 1300px;  */
	max-width: 1300px;
  }
  .genre {
position: absolute;
  /*   opacity: 1;  */
  background-color: #000000;
  width: 1000px;
  padding: 20px 20px; 
    /* font-size: 50px;  */
    font-style: italic;
  font-size: 4.0vh;
  text-align: left;
  }
  #flick {
  position: absolute;
  /* top: 10.1%;  */
  top: 90%; 
  left: 0em; 
	padding: 0px 20px; 
	font-size: 2.0vh;
	text-align: left;
   background-color: white;
}

/* 'backdoor' styles */  
  .blocker{
	padding-left: 1em; 
}
/* https://stackoverflow.com/questions/4035966/create-a-html-table-where-each-tr-is-a-form/15600151#15600151 */ 
DIV.table {
    display:table;
}
FORM.tr, DIV.tr {
    display:table-row;
}
SPAN.td {
    display:table-cell;
}
.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 1em 1em;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  display: block;
  margin-bottom: 2em;
}
.biggie {
	text-align: left;
	font-size: 1.5em;
	color: white;
}