:root {
  --paper: #FAFAF7;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--paper);
  display: grid;
  place-items: center;
}

.sun canvas {
  display: block;
  width: 240px;
  height: 240px;
  touch-action: none;
}

@media (max-width: 720px) {
  .sun canvas {
    width: 140px;
    height: 140px;
  }
}

@media (pointer: coarse) {
  .sun canvas {
    touch-action: pan-y;
  }
}