@font-face {
  font-family: "AleoRegular";
  src: url("fonts/AleoRegular.eot");
  src: url("fonts/AleoRegular.eot") format("embedded-opentype"), url("fonts/AleoRegular.woff2") format("woff2"), url("fonts/AleoRegular.woff") format("woff"), url("fonts/AleoRegular.ttf") format("truetype"), url("fonts/AleoRegular.svg#AleoRegular") format("svg");
}
html, body {
  height: 100%;
  min-height: 100%;
}

* {
  padding: 0;
  margin: 0;
}

::-moz-selection {
  color: #E5E5E5;
  background-color: #3B3B3B;
}

::selection {
  color: #E5E5E5;
  background-color: #3B3B3B;
}

body {
  font-family: AleoRegular, Helvetica, Arial, "sans-serif";
  background: #FFFFFE;
  background-repeat: no-repeat;
  background-position: center 25%;
  background-attachment: fixed;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/cow.jpg");
  background-size: cover;
}

.quote {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  width: 90%;
  max-width: 450px;
  margin: 0 auto;
}

.quote h1 {
  color: rgb(255, 255, 255);
  text-align: center;
}

.quote h1 span {
  text-align: right;
  display: block;
  margin-top: 15px;
}