@import url('roboto.css');

* {
  box-sizing: border-box;
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

strong {
  font-weight: 400;
}

body {
  background-color: #fafafa;
  color: #212121;
}

code {
  white-space: pre-wrap;
  color: #1f8fc9;
  background: #f9f9f9;
  font-family: 'Courier New', serif;
  border-radius: 4px;
  padding: 1px;
}

pre {
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #1f8fc9;
  background: #f9f9f9;
}

blockquote {
  background: #f9f9f9;
  border-left: 8px solid #ccc;
  margin: 8px;
  padding: 8px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@-webkit-keyframes green-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(27, 167, 115, 0.6);
  }
  70% {
    -webkit-box-shadow: 0 0 0 8px rgba(27, 167, 115, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(27, 167, 115, 0);
  }
}
@keyframes green-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(27, 167, 115, 0.6);
    box-shadow: 0 0 0 0 rgba(27, 167, 115, 0.6);
  }
  70% {
    -moz-box-shadow: 0 0 0 8px rgba(27, 167, 115, 0);
    box-shadow: 0 0 0 8px rgba(27, 167, 115, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(27, 167, 115, 0);
    box-shadow: 0 0 0 0 rgba(27, 167, 115, 0);
  }
}