/*
  misc styles, nothing to do with CSS variables
*/
:root {
  --page-spacing: 15px ;
  --page-blur:5px ;
  --page-color: #8ad5ea;

}

body {
  text-align: center;
  background: var(--page-color);
  color: white;
  font-family: 'helvetica neue', sans-serif;
  font-weight: 100;
  font-size: 50px;
}
.controls {
  margin-bottom: 50px;
}
input {
  width: 100px;
}
.hl {
  /*color: var(--page-color);*/
}
img {
  width: 50%;
  margin-left:var(--page-spacing);
  margin-top:var(--page-spacing);
  filter:blur(var(--page-blur));
}