/* -------
   M A I N
   ------- */

html, body {
  height: 100%;
  background-color: #313539;
  user-select: none;
}

body {
  overflow-x: hidden;
  overflow-y: scroll !important;
  -webkit-tap-highlight-color: lawngreen;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  margin: 0px;
}


/* ----------------------------
   G E N E R A L  C L A S S E S
   ---------------------------- */

.shadow-bottom {
  -webkit-box-shadow: 0px 3px 10px 4px;
  box-shadow: 0px 3px 10px -4px rgba(0,0,0,.75);
}

.shadow-top {
  -webkit-box-shadow: 0px -3px 10px 4px;
  box-shadow: 0px -3px 10px -4px rgba(0,0,0,.75);
}

.drop-shadow {
  filter: drop-shadow(4px 4px 2px hsla(0, 0%, 0%, 0.4));
}

input, textarea {
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}

::placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-webkit-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-webkit-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-moz-placeholder {
  font-weight: 700;
  color: lightgrey;
}

:-ms-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

::-ms-input-placeholder {
  font-weight: 700;
  color: lightgrey;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: limegreen;
  cursor: pointer;
}

/* ---------------
   S E C T I O N S
   --------------- */

section {
  text-align: center;
  min-height: 100%;
  height: auto !important;
  width: 100%;
}

section div {
  display: block;
  padding-top: 0px;
  padding-bottom: 20px;
  text-align: center;
}

section h2 {
  margin: 0px;
  font-size: 3em;
  text-transform: uppercase;
  padding-top: 50px;
  padding-bottom: 0.2em;
}

section h2:hover {
  cursor: pointer;
}

section h3 {
  font-size: 1em;
  margin-top: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

section .blocktext {
  display: block;
  width: 90%;
  margin: auto;
  text-align: justify;
  color: lightgrey;
  margin-bottom: 2em;
  font-size: 1em;
}

section .centertext {
  display: block;
  width: 90%;
  margin: auto;
  text-align: center;
  color: lightgrey;
  margin-bottom: 2em;
  font-size: 1em;
}

section .rightimagetext {
  font-size: 1em;
}

section .smaller {
  font-size: smaller !important;
}

section.dark {
  background-color: #313539;
  color: white;
}

section.bright {
  background-color: #f0f0f0;
  color: #313539;
}

section.bright .blocktext {
  color: gray;
}

section.bright .centertext {
  color: gray;
}

/* -----------
   B U T T O N
   ----------- */

button {
  display: block;
  text-align: center;
  white-space: nowrap;
  padding: 20px 40px;
  font-weight: 700;
  font-size: 1.2em;
  cursor: pointer;
  background-color: limegreen;
  border: 3px solid limegreen;
  border-radius: .5rem;
  color: white;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

button:active, button:focus, button:hover {
  background-color: lawngreen !important;
  border-color: lawngreen !important;
}

button:disabled {
  background-color: gray !important;
  border-color: gray !important;
  color: darkgray !important;
  cursor: auto;
}