body {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  padding: 5vh 1rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(50%, #f3ff87), color-stop(50%, #f3ff87), to(#f8f8f8));
  background: linear-gradient(180deg, #f8f8f8 0%, #f3ff87 50%, #f3ff87 50%, #f8f8f8 100%); }

.oneArea {
  background: -webkit-gradient(linear, left top, left bottom, from(#b79376), color-stop(50%, #b79376), color-stop(50%, #315a8c), to(#315a8c));
  background: linear-gradient(180deg, #b79376 0%, #b79376 50%, #315a8c 50%, #315a8c 100%); }

a {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none; }
  a:focus, a:hover {
    color: rgba(0, 0, 0, 0.6); }

img.icon {
  vertical-align: middle; }