@import url(https://fonts.googleapis.com/css?family=Raleway);
@import "./normalize.css";

body {
  font-family: 'Raleway', sans-serif;
  background: linear-gradient(to bottom, #333333 0%, #333333 65%, #181818 100%);
  color: white;
  height: 100dvh;
}

.display-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: opacity 0.5s ease-in-out;
}

.hidden {
  opacity: 0;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

a.redirect:link {
  color: white;
  text-decoration: none;
  font-weight: 900;
  background-color: rgba(75, 75, 75, 0.8);
}

a.redirect:visited {
  color: white;
  text-decoration: none;
  font-weight: 900;
  background-color: rgba(75, 75, 75, 0.8);
}

a.redirect:hover {
  color: white;
  text-decoration: underline;
  font-weight: 900;
}

a.redirect:active {
  color: white;
  text-decoration: underline;
  font-weight: 900;
}