html, body{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'roboto';
  overflow-x: hidden;
}


#button-more{
  font-family: 'roboto-bold';
  text-align: center;
  display: block;
}

.more{
  margin-top: 32px;
}

.more-data{
  margin: 0 auto;
  width: 64px;
  cursor: pointer;
}

.more-data:hover{
  color: grey;
}

.footer{
  position: fixed;
  bottom: 0px;
  width: 100%;
  justify-content: center;
  display: flex;
  background-color: rgba(255, 231, 231, 1);
}

.footer p{
  margin: 0px;
}
.footer a, .footer .info{
  display: inline-block;
  background-color: rgba(0, 0, 0, 0);
  color: #6E012A;
  font-size: 0.8em;
}

.footer .info{
  margin-left: 4px;
  margin-top: auto;
  margin-bottom: auto;
}

.core{
  overflow: auto;
  /* height: 100%; */
}

.main{
  /* height: 100%; */
}

.cover{
  /* padding-top: 25%; */
}