@font-face {
  font-family: nunito;
  src: url("Fonts/nunito/Nunito-Regular.ttf");
}

body {
  background-color: rgb(237, 210, 135);
  color: black;
  margin: 0px;
  overflow: auto;
  font-size: 18px;
  background-size: 255px;
  font-family: 'nunito', sans-serif;
}



#container{
  padding: 100px;
  padding-top: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90wh;
}

.fake-background {
  min-width: 100%;
  min-height: 100%;
  background-repeat: repeat;
  opacity: 0.4;
  position: fixed;
  filter: grayscale(1);
  top: 0px;
  left: 0px;
  z-index: -999;

}

#count{
  vertical-align: top;
  padding: 3px;
  margin:13px; 
  margin-right: 0px;
  display: inline-block;
}

label{
  vertical-align: top;
  padding: 3px;
  margin:13px; 
  margin-right: 0px;
  display: inline-block;
}

select{
  vertical-align: top;
  padding: 3px;
  border: 3px solid black;
  border-radius: 3px;
  background-color: rgb(237, 210, 135);
  margin:13px; 
}





option{
  vertical-align: top;
  padding: 3px;
  border: 3px solid black;
  border-radius: 3px;
  background-color: rgb(237, 210, 135);
  margin:13px; 
}

img#logo{
  filter: sepia(0.66) contrast(1.1);
  display: block;
}

.shambling-horror{
  position: absolute;
  pointer-events: none;
  z-index: 1000;
  top:-16px;
  left: -16px;
  background-repeat: no-repeat;
}

.entry{
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 300px;
  line-height: 20px;
  height: 200px;
  padding: 16px;
  border: 3px solid black;
  border-radius: 8px;
  background-color: rgb(237, 210, 135);
  margin:13px;
  font-size: 18px;
  font-family: 'nunito', sans-serif;
  overflow: hidden;
}


.title{
  font-weight: bold;
  color: #333;
  font-size: 28px;
  text-decoration: underline;
  display: block;
  line-height: 20px;
  margin-top:  0px;
  margin-left: 0px;
  line-height: 20px;
}

a:visited{
  font-weight: bold;
  color: #333;
  font-size: 28px;
  text-decoration: underline;
  display: block;
}

a:hover{
  font-weight: lighter;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(237, 210, 135); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.flourescent_lights{
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,249,218,1) 3%, rgba(0,212,255,0) 100%);
  height: 100px;
  width: 100%;
  opacity: 0.4;
  position: fixed;
  top: 0px;
  left: 0px;
  pointer-events: none;
  animation: fade-in  1ms steps(10) infinite;

}

@keyframes fade-in {
  0% { opacity: 0.1; }
  50% { opacity: 0.15; }
  100% { opacity: 0.1; }

}

@keyframes scaleX {
  0% { width: 1px }
  50% { width: 300px }
  100% {width: 1px }
}

@keyframes scaleY {
  0% { height: 1px }
  50% { height: 300px }
  100% {height: 1px }
}

@keyframes scale {
  0% { height: 1px; width: 1px; }
  50% { height: 300px; width: 300px; }
  100% {height: 1px; width: 1px; }
}