/* TOUHOUVERWATCH STYLE SHEET - MEGAERICZERO */

html { font-size:min(2vh,2vw); }

a { text-decoration:none; }

body
 {
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  font-family:Arial;
  gap:1rem;
  margin:0 auto;
  padding:1rem;
  width:min(100vw,100vh);
 }

h1
 {
  margin:0;
 }

nav
 {
  display:grid;
  gap:0.5rem;
  grid-template-columns:1fr 1fr 1fr 1fr;
 }

.nav-link
 {
  aspect-ratio:3/4;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  display:block;
  font-size:0.9rem;
  position:relative;
 }
.nav-link:hover { opacity:0.9; }

.nav-link-name
 { background-color:silver;
  bottom:0;
  left:0;
  padding:0.5rem;
  position:absolute;
  right:0;
 }

/* END STYLE SHEET */