:root{
  --base: #7accc8;
  --spacing: 60px;
  --blur: 10px;
}

img{
  padding: var(--spacing);
  background: var(--base);
  filter: blur(var(--blur));

  max-width:70%;
}

label, input, .hl{
  color: var(--base);
}

label, h2{
  font-family: 'Amatic SC', cursive;
  font-weight: normal;
}




    /*
      misc styles, nothing to do with CSS variables
    */

    body {
      text-align: center;
      background: #193549;
      color: white;
      font-family: 'helvetica neue', sans-serif;
      font-weight: 100;
      font-size: 50px;
    }

    .controls {
      margin-bottom: 50px;
    }

    input {
      width:100px;
    }