* {
  padding:0;
  margin:0;
  font-size:inherit;
  font-family:inherit;
  color:inherit;
  box-sizing:border-box;
}

html {
  height:100%;
}


body{
  background:#eee;
  font-size:100%;
  font-family:arial,sans-serif;
  line-height:140%;
  color:#333;
  height:100%;
}

#logo {
  display:block;
  padding:2em;
  background:#fff;
}

#shadow {
  /*box-shadow:inset 0 0 10em rgba(0,0,0,0.2);*/
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

#page {
  padding:1em;
}

#page p {
  display:flex;
  flex-wrap:wrap;
  max-width:810px;
}

h1 a img {
  box-shadow:2px 2px 0.5em rgba(0,0,0,0.2);
}

p a {
  margin:.5em;
  box-shadow:2px 2px 0.5em rgba(0,0,0,0.2);
  display:block;
  height:18vh;
  width:18vh;
  background:rgba(255,255,255,0);
  transition:background-color 0.3s;
}

p.small a {
  height:12.5vh;
  width:12.5vh;
}

a:focus,
a:hover {
  background:#fff;
}

img {
  max-width:100%;
  max-height:100%;
  display:block;
  border:0;
}

h1 {
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:2em 0;
}

h1 img {
  width:22em;
}

h2 {
  font-weight:700;
  font-size:1.25em;
  line-height:140%;
  margin:0.5em 0.5em 0 0.5em;
  color:rgba(0,0,0,0.3);
}

hr {
  height:0;
  border:0;
  border-top:0.1em solid rgba(0,0,0,0.05);
  margin:1em 0;
}