:root {
  --base: #0060FF;
  --gray: 80%;
  /* --blur: 0px; */
  --spacing: 30px;
  --radius: 5%;
}
img {
  background: var(--base);
  filter: grayscale(var(--gray));
  /* filter: blur(var(--blur)); */
  padding: var(--spacing);
  border-radius: var(--radius);
  height: 400px;
}

body {
  text-align: center;
  background: #5AD;
  color: white;
  font-family: 'comic sans ms', sans-serif;
  font-size: 16px;
}

h3 {
  -webkit-margin-before: 0.7em;
  -webkit-margin-after: 0.7em;
}
.subheading {
  color: var(--base);
}

.controls {
  margin-bottom: 20px;
}
input {
  width: 100px;
}