/*
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 120%;
  font-weight: 400;
  margin: 1em 2em;
  color: #333;
  background-color: #fff;
}

h1 {
  font-weight: normal;
}
*/
.share, .webshare {
  display: none;
}

.social .share {
	display: flex;
	flex-wrap: wrap;
	user-select: none;
	clip: rect(auto, auto, auto, auto);
	clear: both;
}

.webshareapi .webshare {
  display: block;
}

.share, .share li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.share a {
  display: block;
  text-decoration: none;
  padding: 0.3em 1em 0.3em 0.3em;
  margin: 0.2em;
  color: #fff;
  background-color: #557;
  border-radius: 1.5em;
  outline: 0 none;
}

.share svg {
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  margin: 0 0.2em 0 0;
  vertical-align: middle;
  background-color: #fff;
  border: 0.4em solid #fff;
  border-radius: 50%;
  overflow: visible;
  transition: transform 0.2s cubic-bezier(0.2,-1.3, 0.5, 5);
}

.share a:hover, .share a:focus {
  background-color: #779;
}

.share a:hover svg, .share a:focus svg {
  transform: scale(1.15);
}

.center {
  width: 500px;
  margin: 5vh auto;
  text-align: center;
}