body{
  font-family: 'Arimo', sans-serif;
  margin: 0;
}
* { box-sizing: border-box;}
html, body{ height: 100%;}
nav {
  position: fixed;
  bottom:0;
  display:flex;
  padding: 1em;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  text-transform: uppercase;
  font-size: 1.5em;
}
nav h1, nav a , nav p { margin: 0; font-weight: normal; font-size: 1em;}
a { color: currentColor; }

main {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  align-items: center;
}

img[style] {
  grid-column: var(--v) / span var(--w, 1);
  grid-row: var(--h);
}
img {
  display: block;
  max-width: 100%;
}

* {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTUgLjZhNC40IDQuNCAwIDEgMSAtNC40IDQuNCA0LjQgNC40IDAgMCAxIDQuNC00LjRtMC0uNmE1IDUgMCAxIDAgNSA1IDUgNSAwIDAgMCAtNS01eiIvPjwvc3ZnPg==) 5 5,default;
}
a, a * {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiLz48L3N2Zz4=) 5 5,default;
}

img {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTUgLjZhNC40IDQuNCAwIDEgMSAtNC40IDQuNCA0LjQgNC40IDAgMCAxIDQuNC00LjRtMC0uNmE1IDUgMCAxIDAgNSA1IDUgNSAwIDAgMCAtNS01eiIvPjwvc3ZnPg==) 5 5,default;
}

@media (max-width:600px){
  main { grid-template-columns: 1fr;}
  img[style] {
    grid-column: 1;
    grid-row: 1;
  }
  nav { font-size: 1em; flex-direction: column; }
}