:root {
  --contrast: 100%;
  --blur: 10px;
  --brightness: 100%;

  --base-color: #ECE5D4;
  --color1: #0000FF;
  --color2: #F05C23;
  --color3: #131A18;
  --color4: #F9A11D;
}

body {
  background: #F5F4F2;
  text-align: center;
}

h1 {
  color: black;
  font-size: 4rem;
}

.container-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
}

.container-image svg {
  background: var(--base-color);
  max-width: 100%;
  border-radius: 6px;
  -webkit-filter: contrast(var(--contrast)) brightness(var(--brightness));
          filter: contrast(var(--contrast)) brightness(var(--brightness));
  /*filter: blur(var(--blur));*/
}

label {
  color: black;
  display: block;
}

input {
  margin: 0 22px;
}

.container-colors {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 32px;
}