.logo {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  -webkit-transition: color 2s ease-out;
  -moz-transition: color 2s ease-out;
  -o-transition: color 2s ease-out;
  transition: color 2s ease-out;
}
.logo:hover {
  color: green;
}
.logo__t1 {
  font-size: 30px;
  font-weight: 800;
  font-style: italic;
  line-height: 30px;
}
.logo__t2 {
  font-size: 40px;
  font-weight: 800;
  font-style: italic;
  line-height: 30px;
  margin-left: 1px;
}
.logo__t3 {
  font-size: 24px;
  font-weight: 900;
  font-style: italic;
  line-height: 30px;
  margin-left: 0px;
}
h1, h2 {
  font-style: italic;
}
h1:before, h2:before {
  font-size: 50px;
  font-weight: 800;
  font-style: italic;
  content: ".";
}
h2:before {
  font-size: 40px;
}