html {
  --bg: #DDD;
  --fg: black;
  --accent: red;
  --logo-inline: none;
  --logo-outline: var(--fg);
  --logo-text: var(--fg);
}

body {
  background: var(--bg);
  color: var(--fg);
  animation: colormove 10s infinite;
}

#home {
  display: grid; place-content: center;
  height: 100%;
}

svg {
  /*animation: mymove 5s infinite;*/
  animation: mymove 30s infinite;
}
@keyframes mymove {
    0% { scale: 1.0; }
   50% { scale: 1.2; }
  100% { scale: 1.0; }
}

@keyframes colormove {
    0% { background-color: #FFFFFF; }
   50% { background-color: #D5D5D5; }
  100% { background-color: #FFFFFF; }
}