body {
  padding: 0;
  margin: 0;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  color: #222;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center; }

a {
  color: #222;
  text-decoration: none; }

main {
  text-align: center;
  min-width: 50%;
  max-width: 800px;
  margin: 3em 1em; }
  main.error {
    padding: 1em 0 1.5em;
    position: relative; }
    main.error:before, main.error:after {
      content: '';
      width: 30%;
      height: 5px;
      background: #ddd;
      position: absolute;
      left: 35%; }
    main.error:before {
      top: -4px; }
    main.error:after {
      bottom: -4px; }
    main.error h1 {
      font-weight: normal; }
  main.choice h1 {
    font-size: 1.2em;
    font-weight: normal; }
  main.choice ul,
  main.choice li {
    list-style: none;
    margin: 0;
    padding: 0; }
  main.choice ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    main.choice ul li {
      margin: 1em; }
    main.choice ul:hover .share-icon {
      opacity: 0.3; }
    main.choice ul .share-icon {
      font-size: 4em;
      opacity: 0.9;
      transition: opacity 0.6s; }
      main.choice ul .share-icon:hover {
        opacity: 1; }
      main.choice ul .share-icon span {
        display: none; }

/*# sourceMappingURL=main.css.map */