html {
    background: url(/img/polkadotbg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
  }
  
  body {
    min-height: 100vh;
    font-family: Arial, Helvetica, sans-serif;
  }

  a:link {
    color: lightblue;
  }
  a:visited {
    color: lightblue;
  }
  a:hover {
    color: black;
  }
  a:active {
    color: black;
  }

  header {
    font-family: Arial, Helvetica, sans-serif
  }

  .home:link {
    color: grey;
    text-decoration: none;
  }
  .home:visited {
    color: grey;
    text-decoration: none;
  }
  .home:hover {
    color: black;
    text-decoration: none;
  }
  .home:active {
    color: black;
    text-decoration: none;
  }

  p {
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
  }

  hr {
    border: 1px solid lightblue;
    margin-top: -10px;
    margin-bottom: 10px
  
  }

  h2 {
    color: grey;
  }

  .headerlink {
    padding-left: 10px;
  }

  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}

@media only screen and (max-width: 600px) {

  body:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: -10;
    background: url(/img/polkadotbg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  img {
    width: 100%;
  }

  .headerlink {
    font-size: 15px;
  }

  .headerlink2 {
    font-size: 15px;
  }
  
}