/*global colors*/
:root {
  --green1: #26250F;
  --green2: #595732;
  --brown1: #261210;
  --brown2: #734636;
  --blue1: #152C36;
  --blue2: #324E59;
  --black: #0D0000;
}

/*whole body styling*/
body{
  background-image: url('/img/stonewall.png')
}

/*text styling*/
p{
  color: var(--black);
}

a{
  text-decoration: none;
  color: var(--black);
}

a:visited{
  color: var(--black);
}

a:hover{
  font-style: italic;
}

a:active{
  font-weight: bold;
}

::-webkit-scrollbar{
  display: none;
}

/*clear default buttons */
button {
  border: none;
  cursor: pointer;
  appearance: none;
  background-color: inherit;
}

/* The popup form - hidden by default */
.castingpopup {
  text-align: center;
  color: var(--blue2);
  background-color: var(--blue1);
  border: 16px solid var(--blue1);
  width: 25%;
  margin: auto;
}

/* The popup input colors */
.castingpopup input {
  background-color: var(--blue2);
}

.castingcloser {
  position: fixed;
  z-index: 1;
  display: none;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: #a0c8d950;
}