/* Elements */
html {
  font-size: 62.5%;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  color: #57cae5;
  background: #021229;
  height: 100%; }

h1, h2, h3, h4, h5, h6 {
  color: #edac08;
  font-family: 'Audiowide', cursive;
  text-align: center;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 2px #db3829; }

h2, h3, h4, h5, h6 {
  font-variant: small-caps; }

h1 {
  margin: 20rem 0 1rem;
  font-size: 3rem;
  text-transform: uppercase; }

h2 {
  font-size: 2rem; }

h3 {
  font-weight: normal;
  font-size: 1.5rem; }

p {
  font-family: 'Audiowide', cursive;
  text-align: center;
  font-size: 1.8rem; }

/*IDs*/
#container {
  position: absolute;
  width: 100%;
  height: 100%; }

#logo {
  height: 150px;
  width: 142px;
  position: relative;
  left: 50%;
  margin-left: -71px;
  margin-top: 20px; }

/*Classes*/
.tasks {
  display: none; }

.reference {
  position: absolute;
  bottom: 20px;
  left: 20px; }
  .reference p {
    font-size: 80%; }
    .reference p a {
      color: #000; }