html {
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
footer,
header,
nav,
section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption,
figure,
main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0;
}

a:hover {
  color: #aab8c2;
}

a:active {
  color: #607665;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: 'Roboto Mono', monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details,
menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

*,
*:after,
*:before {
  box-sizing: inherit
}

html {
  box-sizing: border-box;
  font-size: 62.5%
}

body {
  color: #607665;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  letter-spacing: .01em;
  line-height: 1.6
}

blockquote {
  border-left: .3rem solid #d1d1d1;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 1.5rem
}

blockquote *:last-child {
  margin-bottom: 0
}

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  background-color: #4caf50;
  border: .1rem solid #4caf50;
  border-radius: .4rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
  height: 3.8rem;
  letter-spacing: .1rem;
  line-height: 3.8rem;
  padding: 0 3.0rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap
}

.button:focus,
.button:hover,
button:focus,
button:hover,
input[type='button']:focus,
input[type='button']:hover,
input[type='reset']:focus,
input[type='reset']:hover,
input[type='submit']:focus,
input[type='submit']:hover {
  background-color: #607665;
  border-color: #607665;
  color: #fff;
  outline: 0
}

.button[disabled],
button[disabled],
input[type='button'][disabled],
input[type='reset'][disabled],
input[type='submit'][disabled] {
  cursor: default;
  opacity: .5
}

.button[disabled]:focus,
.button[disabled]:hover,
button[disabled]:focus,
button[disabled]:hover,
input[type='button'][disabled]:focus,
input[type='button'][disabled]:hover,
input[type='reset'][disabled]:focus,
input[type='reset'][disabled]:hover,
input[type='submit'][disabled]:focus,
input[type='submit'][disabled]:hover {
  background-color: #4caf50;
  border-color: #4caf50
}

.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
  background-color: transparent;
  color: #4caf50
}

.button.button-outline:focus,
.button.button-outline:hover,
button.button-outline:focus,
button.button-outline:hover,
input[type='button'].button-outline:focus,
input[type='button'].button-outline:hover,
input[type='reset'].button-outline:focus,
input[type='reset'].button-outline:hover,
input[type='submit'].button-outline:focus,
input[type='submit'].button-outline:hover {
  background-color: transparent;
  border-color: #607665;
  color: #607665
}

.button.button-outline[disabled]:focus,
.button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
button.button-outline[disabled]:hover,
input[type='button'].button-outline[disabled]:focus,
input[type='button'].button-outline[disabled]:hover,
input[type='reset'].button-outline[disabled]:focus,
input[type='reset'].button-outline[disabled]:hover,
input[type='submit'].button-outline[disabled]:focus,
input[type='submit'].button-outline[disabled]:hover {
  border-color: inherit;
  color: #4caf50
}

.button.button-clear,
button.button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
  background-color: transparent;
  border-color: transparent;
  color: #4caf50
}

.button.button-clear:focus,
.button.button-clear:hover,
button.button-clear:focus,
button.button-clear:hover,
input[type='button'].button-clear:focus,
input[type='button'].button-clear:hover,
input[type='reset'].button-clear:focus,
input[type='reset'].button-clear:hover,
input[type='submit'].button-clear:focus,
input[type='submit'].button-clear:hover {
  background-color: transparent;
  border-color: transparent;
  color: #607665
}

.button.button-clear[disabled]:focus,
.button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
button.button-clear[disabled]:hover,
input[type='button'].button-clear[disabled]:focus,
input[type='button'].button-clear[disabled]:hover,
input[type='reset'].button-clear[disabled]:focus,
input[type='reset'].button-clear[disabled]:hover,
input[type='submit'].button-clear[disabled]:focus,
input[type='submit'].button-clear[disabled]:hover {
  color: #4caf50
}

code {
  background: #f4f5f6;
  border-radius: .4rem;
  font-size: 86%;
  margin: 0 .2rem;
  padding: .2rem .5rem;
  white-space: nowrap
}

pre {
  background: #f4f5f6;
  border-left: .3rem solid #4caf50;
  overflow-y: hidden
}

pre>code {
  border-radius: 0;
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre
}

hr {
  border: 0;
  border-top: .1rem solid #f4f5f6;
  margin: 3.0rem 0
}

input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: .1rem solid #d1d1d1;
  border-radius: .4rem;
  box-shadow: none;
  box-sizing: inherit;
  height: 3.8rem;
  padding: .6rem 1.0rem;
  width: 100%
}

input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
  border-color: #4caf50;
  outline: 0
}

select {
  background: url('data:image/svg+xml;utf8,<svgxmlns="http://www.w3.org/2000/svg"height="14"viewBox="002914"width="29"><pathfill="#d1d1d1"d="M9.377273.625l5.081546.93523L19.540363.625"/></svg>') center right no-repeat;
  padding-right: 3.0rem
}

select:focus {
  background-image: url('data:image/svg+xml;utf8,<svgxmlns="http://www.w3.org/2000/svg"height="14"viewBox="002914"width="29"><pathfill="#4caf50"d="M9.377273.625l5.081546.93523L19.540363.625"/></svg>')
}

textarea {
  min-height: 6.5rem
}

label,
legend {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: .5rem
}

fieldset {
  border-width: 0;
  padding: 0
}

input[type='checkbox'],
input[type='radio'] {
  display: inline
}

.label-inline {
  display: inline-block;
  font-weight: normal;
  margin-left: .5rem
}

.container {
  margin: 0 auto;
  max-width: 112.0rem;
  padding: 0 2.0rem;
  position: relative;
  width: 100%
}

main .container {
  padding-top: 5.2rem;
}

.row {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 100%
}

.row.row-no-padding {
  padding: 0
}

.row.row-no-padding>.column {
  padding: 0
}

.row.row-wrap {
  flex-wrap: wrap
}

.row.row-top {
  align-items: flex-start
}

.row.row-bottom {
  align-items: flex-end
}

.row.row-center {
  align-items: center
}

.row.row-stretch {
  align-items: stretch
}

.row.row-baseline {
  align-items: baseline
}

.row .column {
  display: block;
  flex: 1;
  margin-left: 0;
  max-width: 100%;
  width: 100%
}

.row .column.column-offset-10 {
  margin-left: 10%
}

.row .column.column-offset-20 {
  margin-left: 20%
}

.row .column.column-offset-25 {
  margin-left: 25%
}

.row .column.column-offset-33,
.row .column.column-offset-34 {
  margin-left: 33.3333%
}

.row .column.column-offset-50 {
  margin-left: 50%
}

.row .column.column-offset-66,
.row .column.column-offset-67 {
  margin-left: 66.6666%
}

.row .column.column-offset-75 {
  margin-left: 75%
}

.row .column.column-offset-80 {
  margin-left: 80%
}

.row .column.column-offset-90 {
  margin-left: 90%
}

.row .column.column-10 {
  flex: 0 0 10%;
  max-width: 10%
}

.row .column.column-20 {
  flex: 0 0 20%;
  max-width: 20%
}

.row .column.column-25 {
  flex: 0 0 25%;
  max-width: 25%
}

.row .column.column-33,
.row .column.column-34 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%
}

.row .column.column-40 {
  flex: 0 0 40%;
  max-width: 40%
}

.row .column.column-50 {
  flex: 0 0 50%;
  max-width: 50%
}

.row .column.column-60 {
  flex: 0 0 60%;
  max-width: 60%
}

.row .column.column-66,
.row .column.column-67 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%
}

.row .column.column-75 {
  flex: 0 0 75%;
  max-width: 75%
}

.row .column.column-80 {
  flex: 0 0 80%;
  max-width: 80%
}

.row .column.column-90 {
  flex: 0 0 90%;
  max-width: 90%
}

.row .column .column-top {
  align-self: flex-start
}

.row .column .column-bottom {
  align-self: flex-end
}

.row .column .column-center {
  -ms-grid-row-align: center;
  align-self: center
}

@media(min-width:40rem) {
  .row {
    flex-direction: row;
    margin-left: -1.0rem;
    width: calc(100%+2.0rem)
  }
  .row .column {
    margin-bottom: inherit;
    padding: 0 1.0rem
  }
}

a {
  color: #4caf50;
  text-decoration: none
}

dl,
ol,
ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul {
  font-size: 90%;
  margin: 1.5rem 0 1.5rem 3.0rem
}

ol {
  list-style: decimal inside
}

ul {
  list-style: circle inside
}

.button,
button,
dd,
dt,
li {
  list-style-position: outside;
  margin-left: 2.2rem;
  margin-bottom: 1.0rem;
}

fieldset,
input,
select,
textarea {
  margin-bottom: 1.5rem
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-bottom: 2.5rem
}

table {
  width: 100%
}

td,
th {
  border-bottom: .1rem solid #e1e1e1;
  padding: 1.2rem 1.5rem;
  text-align: left
}

td:first-child,
th:first-child {
  padding-left: 0
}

td:last-child,
th:last-child {
  padding-right: 0
}

b,
strong {
  font-weight: bold
}

p {
  margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  letter-spacing: -.1rem;
  margin-bottom: 2.0rem;
  margin-top: 0
}

h1 {
  font-size: 4.0rem;
  line-height: 1.2
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25
}

h3 {
  font-size: 3.0rem;
  line-height: 1.3
}

h4 {
  font-size: 2.4rem;
  letter-spacing: -.08rem;
  line-height: 1.35
}

h5 {
  font-size: 1.8rem;
  letter-spacing: -.05rem;
  line-height: 1.5
}

h6 {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.4
}

@media(min-width:40rem) {
  h1 {
    font-size: 5.0rem
  }
  h2 {
    font-size: 4.2rem
  }
  h3 {
    font-size: 3.6rem
  }
  h4 {
    font-size: 3.0rem
  }
  h5 {
    font-size: 2.4rem
  }
  h6 {
    font-size: 1.5rem
  }
}

img {
  max-width: 100%
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: table
}

.float-left {
  float: left
}

.float-right {
  float: right
}

.hljs-comment,
.hljs-quote {
  color: #8e908c
}

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83
}

.hljs-comment,
.hljs-quote {
  color: #93a1a1
}

.hljs-title {
  color: #607665
}

.hljs-addition
.hljs-built_in,
.hljs-keyword,
.hljs-selector-tag{
  color: #859900
}

.hljs-number,
.hljs-string,
.hljs-meta .hljs-meta-string,
.hljs-literal,
.hljs-doctag,
.hljs-regexp {
  color: #2aa198
}

.hljs-section,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #268bd2
}

.hljs-attribute,
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-class .hljs-title,
.hljs-type {
  color: #b58900
}

.hljs-symbol,
.hljs-bullet,
.hljs-subst,
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-link {
  color: #cb4b16
}

.hljs-deletion {
  color: #dc322f
}

.hljs-formula {
  background: #eee8d5
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: bold
}

.wrapper {
  position: relative;
  width: 100%
}

.wrapper .container {
  max-width: 80rem
}

.wrapper>.container {
  padding-bottom: 7.5rem;
  padding-top: 7.5rem
}

.header {
  background-color: #f4f5f6;
  padding-top: 1rem
}

@media(min-width:40rem) {
  .header {
    padding-top: 5rem
  }
}

.header+section {
  border-top: 0
}

.header .container {
  border-top: 0;
  padding-bottom: 7.5rem;
  padding-top: 7.5rem;
  position: relative;
  text-align: center
}

.header .title {
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.header .img {
  fill: #9b4dca;
  height: 15rem;
  margin-bottom: 2rem
}

.header .button {
  margin-bottom: 4rem;
  margin-top: 2rem
}

@media(min-width:40rem) {
  .header .button {
    margin-bottom: 4rem;
    margin-top: 2rem
  }
}

.navigation {
  background: #f4f5f6;
  border-bottom: .1rem solid #d1d1d1;
  display: block;
  height: 5.2rem;
  left: 0;
  max-width: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.navigation .container {
  padding-bottom: 0;
  padding-top: 0
}

.navigation .navigation-list {
  list-style: none;
  margin-bottom: 0;
  /* margin-right: 5rem */
}

@media(min-width:80rem) {
  .navigation .navigation-list {
    margin-right: 0
  }
}

.navigation .navigation-item {
  float: left;
  padding: 0;
  margin: 0;
  margin-right: 2.5rem;
  position: relative
}

.navigation .navigation-item-social {
  float: left;
  position: relative;
  font-size: 3.1rem;
}

li.navigation-item-social {
  margin: 0
}

.navigation-item-social:hover {
  opacity: 0.5;
}

.navigation-item-social:active {
  opacity: 1;
}

.navigation .img {
  fill: #9b4dca;
  height: 2rem;
  position: relative;
  top: .3rem
}

.navigation .navigation-title,
.navigation .title {
  color: #606c76;
  position: relative;
}

.navigation .navigation-link,
.navigation .navigation-title,
.navigation .title {
  display: inline;
  font-size: 1.6rem;
  line-height: 5.2rem;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}

.navigation .navigation-title:hover {
  opacity: 0.5;
}

.navigation .navigation-title:active {
  opacity: 1;
}

.navigation .navigation-link.active {
  color: #606c76
}

.navigation-link {
  color: #4caf50;
  display: none;
}

.navigation-link:active {
  color: #606c76;
}

.octocat {
  border: 0;
  color: #f4f5f6;
  fill: #9b4dca;
  height: 5.2rem;
  position: fixed;
  right: 0;
  top: 0;
  width: 5.2rem;
  z-index: 1
}

.octocat:hover .octocat-arm {
  animation: a .56s infinite;
  transform-origin: 13rem 10.6rem
}

.octocat .octocat-arm,
.octocat .octocat-body {
  fill: #f4f5f6
}

@keyframes a {
  0%,
  50% {
    transform: rotate(0)
  }
  25%,
  75% {
    transform: rotate(-25deg)
  }
}

.popover {
  background: #fff;
  border: .1rem solid #d1d1d1;
  border-radius: .4rem;
  display: none;
  filter: drop-shadow(0 0 .6rem rgba(0, 0, 0, .1));
  left: 50%;
  min-width: 13.4rem;
  position: absolute;
  top: 94%;
  transform: translateX(-50%)
}

.popover.popover-open {
  display: block
}

.popover:after,
.popover:before {
  border: solid transparent;
  border-color: transparent;
  border-width: 1rem;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  right: 1.7rem;
  top: 0;
  width: 0
}

.popover:after {
  border-bottom-color: #fff;
  transform: translate(-50%, -100%)
}

.popover:before {
  border-bottom-color: #d1d1d1;
  transform: translate(-50%, -102%)
}

.popover .popover-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.popover .popover-item {
  margin: 0;
  padding: 0;
}

.popover .popover-item:first-child .popover-link {
  border-radius: .4rem .4rem 0 0
}

.popover .popover-item:last-child .popover-link {
  border-bottom-width: 0;
  border-radius: 0 0 .4rem .4rem
}

.popover .popover-link {
  border-bottom: .1rem solid #d1d1d1;
  color: #606c76;
  display: block;
  font-size: 1.2rem;
  padding: .8rem 2rem;
  position: relative;
  text-align: center;
  text-decoration: none
}

.popover .popover-link:hover {
  background: #9b4dca;
  border-bottom-color: #9b4dca;
  color: #fff
}

.share,
.share-list,
.share-list a {
  position: relative;
  text-decoration: none
}

.share-item {
  display: inline-block;
  margin: 1rem 0
}

.share-item:nth-child(n+1) {
  margin-left: .5rem
}

.share-dialog {
  background-color: #9b4dca;
  border-radius: .4rem;
  color: #fff;
  display: block;
  height: 2.2rem;
  text-align: center;
  width: 5rem
}

.share-dialog:hover {
  background-color: #606c76
}

.share-dialog .share-icon {
  fill: #fff;
  height: 1.5rem
}

@media(min-width:40rem) {
  .only-mobile {
    display: none
  }
}

input.task-list-item-checkbox {
  position: relative;
  left: -2.1rem;
  margin-right: -1.8rem;
  margin-bottom: 0
}

footer.footer {
  text-align: center;
  font-size: 1.25rem;
  max-width: 80rem;
  padding: 0 2.0rem 7.5rem 2.0rem;
  margin: 0 auto
}

footer.footer p {
  margin-bottom: 0
}

.dropdown {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 10rem;
  box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.2);
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0
}

.dropdown-arrow {
  width: 0;
  height: 0;
  margin-top: -1rem;
  margin-left: 4rem;
  border-width: 1rem;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #fff;
}

.dropdown a {
  text-decoration: none;
  display: block;
}

.sections {
  left: -2rem;
}

.navigation-item:hover .dropdown {
  display: block;
}

.navigation-item:hover .navigation-link {
  color: #aab8c2;
}

.dropdown-item {
  margin: 0;
  border-left: .1rem solid #d1d1d1;
  border-right: .1rem solid #d1d1d1;
  border-bottom: .1rem solid #d1d1d1;
}

.dropdown-link {
  margin: 0;
  font-size: 0.8em;
  padding: 0.4rem;
  cursor: pointer;
}

.header-anchor {
  position: relative;
  bottom: 0.1em;
  font-size: 0.5em;
}

:target:before {
  display: block;
  content: "";
  height: 5.2rem;
  margin-top: -5.2rem;
}

.footnotes {
  padding-bottom: 5rem;
}

.footnotes-sep {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.footnote-item {
  content: "";
  display: list-item;
  height: 0;
  margin-top: 0;
}

.social-icon {
  color: #4caf50;
}
ul.social-icons {
  font-size: 3rem;
  display: inline-block;
}
.social-icons li {
  vertical-align: top;
  display: inline;
  height: 100px;
}
.social-icons a {
  text-decoration: none;
}
.fa-twitter {
  padding: 10px 12px;
}
.fa-twitter:hover {
  color: #fff;
  background-color: #00aced;
}
.fa-github {
  padding: 10px 12px;
}
.fa-github:hover {
  color: #fff;
  background-color: #333;
}
.fa-linkedin {
  padding: 10px 14px;
}
.fa-linkedin:hover {
  color: #fff;
  background-color: #0073a4;
}

.twitter {
  width: 4rem;
  height: 4rem;
  margin: 1rem;
  fill: #4caf50;
}
.twitter:hover {
  fill: #aab8c2
}
.twitter:active {
  opacity: 0.5;
}
.twitter-retweet:active {
  fill: #19cf86;
}
.twitter-like:active {
  fill: #e81c4f;
}

.post-table {
  margin-top: 7.5rem;
  border-top: .1em solid #e1e1e1;
}
.post-table-item {
  text-align: center;
}
.post-table-date {
  margin: -1rem 0 0;
  font-size: 0.8em;
}