html{scroll-padding-top:3rem}a{transition:transform .2s;transform:scale(1,1)}a:hover{transform:scale(1.1,1.1)}@property --angle{syntax: '<angle>';
  initial-value: -135deg;
  inherits: false;
}@keyframes spinning{from{--angle:-135deg}to{--angle:225deg}}#bg{transition:background-color .5s}header nav a{font-style:italic;font-size:1.2rem}.slant{background-image:url(/static/img/diagmonds.png)}.results .card{text-align:center;border:3px solid hsl(from var(--sec) h s l/.2);background-color:rgba(150,150,150,.1);border-radius:1rem}.results .card svg{margin-top:1rem}.tile{display:grid;grid-template-columns:1fr 10fr;gap:.5rem;text-align:start;text-wrap:wrap;overflow-wrap:anywhere;max-width:100vw}.solution{border-radius:5rem;padding:4rem 1rem}