@font-face {
    font-family: 'opensans';
    src:url('/public/fonts/opensans.ttf') format('truetype'),
    url('/public/fonts/opensans.eot') format('embedded-opentype'),
    url('/public/fonts/opensans.svg') format('svg'),
    url('/public/fonts/opensans.woff') format('woff');
  }
  
  @font-face {
    font-family: 'opensans-bold';
    src:url('/public/fonts/opensans-bold.ttf') format('truetype'),
    url('/public/fonts/opensans-bold.eot') format('embedded-opentype'),
    url('/public/fonts/opensans-bold.svg') format('svg'),
    url('/public/fonts/opensans-bold.woff') format('woff');
  }
  
  @font-face {
    font-family: 'minecraft-title';
    src:url('/public/fonts/minecraft-title.ttf') format('truetype'),
    url('/public/fonts/minecraft-title.eot') format('embedded-opentype'),
    url('/public/fonts/minecraft-title.svg') format('svg'),
    url('/public/fonts/minecraft-title.woff') format('woff');
  }
  
  @font-face {
    font-family: 'minecraft-text';
    src:url('/public/fonts/minecraft-text.ttf') format('truetype'),
    url('/public/fonts/minecraft-text.eot') format('embedded-opentype'),
    url('/public/fonts/minecraft-text.svg') format('svg'),
    url('/public/fonts/minecraft-text.woff') format('woff');
  }

.container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

form {
    max-width: 600px;
    margin: auto;
    padding: 20px;
    margin-bottom: 90px;
}

h1 {
    text-align: center;
    color: #333;
    margin-top: 100px;
}

.headline {
    margin-bottom: 20px;
}

.description {
  font-size: 0.85rem;
  color: var(--grey);
}

label {
    display: block;
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 10px;
    font-size: 1em;
    border-radius: 5px;
    border: 1px solid #ccc;
}

input[type="date"] {
    width: 150px;
    padding: 5px 5px 5px 5px;
    font-size: 16px;
    border: 1px solid #CCC;
    height: 34px;
    border-radius: 5px;
}

button[disabled],
input[type="submit"][disabled] {
    background-color: #ccc;
}

.button-outer {
	  display: inline-block;
	  font-family: 'minecraft-text', sans-serif;
	  font-size: 0.8em;
	  padding: 15px 35px;
	  background: var(--link-color);
	  color: #ffffff;
	  letter-spacing: 1px;
	  border: none;
	  border-radius: 5px;
	  height: auto;
	  transition: all 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53), 0.5s background ease;
	  cursor: pointer;
	  text-shadow: 1px 1px 0px black;
    margin: 10px;
}

.button-outer:hover {
	  color: var(--pureblack);
	  text-shadow: 1px 1px 0px white;
	  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	  transform: scale(1.1);
}

.button-outer:focus, .button-outer:active {
	  color: var(--white);
	  background: #8b8a8f;
}

select {
    width: 150px;
    padding: 5px 35px 5px 5px;
    font-size: 16px;
    border: 1px solid #CCC;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../../../public/img/down-arrow.svg) 96% / 15% no-repeat #EEE;
    border-radius: 5px;
  }

.error-message {
    color: var(--error);
    margin: 5px 0 15px 0;
    font-size: 0.8rem;
}