body {
  min-height: 100vh;
  background-image: url(img/background.jpg);
  background-size: cover;
  background-position: bottom;
}

section {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

header {
  /* background: tomato; */
}

div {
  flex: 1;
  overflow: auto;
}

footer {
  background: #FFD700;
}

.frase {

  background-blend-mode: multiply;
  background: rgb(74, 40, 20);
  background: -moz-linear-gradient(0deg, rgba(74, 40, 20, 1) 0%, rgba(0, 0, 0, 0.3225665266106442) 32%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(74, 40, 20, 1) 0%, rgba(0, 0, 0, 0.3225665266106442) 32%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(74, 40, 20, 1) 0%, rgba(0, 0, 0, 0.3225665266106442) 32%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.title_loading img{
  -webkit-filter: drop-shadow(2px 2px 5px rgba(74, 40, 20, 1));
  filter: drop-shadow(2px 2px 5px rgba(74, 40, 20, 1));
}
.frase img{
 -webkit-filter: drop-shadow(2px 2px 0 rgba(74, 40, 20, 1));
  filter: drop-shadow(2px 2px 0 rgba(74, 40, 20, 1));
}