/* Styles extracted from index.html */

#light-dark-toggle-div {
  float: right;
  cursor: pointer;
}

.avatar-clear {
  clear: both;
}

#intro {
  margin: 20px 0 40px;
}

.button-faceb-width {
  width: 17.3rem;
}

.messenger-note {
  vertical-align: top;
  font-size: 1.2em;
}

#info {
  margin: 20px 0 40px;
}

.messenger-explanation {
  text-align: justify;
  word-break: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.messenger-equation {
  display: flex;
  justify-content: center;
}

.messenger-icon {
  height: 1em;
  width: 1em;
  margin-top: 5px;
}