body {
  padding: 1vw 5vw 1vw 5vw;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f0f8ff;
}

p {
  color: black;
  line-height: 1.3em;
}

.title {
  text-align: center;
  font-size: 4em;
}

.author {
  font-size: 2em;
}

.position {
  font-size: 1.2em;
}

.sub-title {
  font-size: 2em;
}

.blank {
  padding-bottom: 1vw;
}

.refe {
  font-size: 0.75em;
}

.to-top {
  display: grid;
  place-items: center;
  text-align: center;
  font-weight: 700;
  color: rgb(0, 0, 0);
  background-color: rgb(130, 206, 250);
  height: calc(100% - 15px);
  width: calc(100% - 15px);
  border: none;
  border-radius: 50%;
}

.progress {
  display: grid;
  place-items: center;
  height: 70px;
  width: 70px;
  background-color: rgba(240, 248, 255, 0);
  border-radius: 50%;
  position: fixed;
  bottom: 3vw;
  right: 3vw;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
}

@media only screen and (max-width: 600px) {
  .title { font-size: 2em; }
  .author { font-size: 1.5em; }
  .position { font-size: 1em; }
  .sub-title { font-size: 1.5em; }
}

@media only screen and (min-width: 768px) {
  .to-top:hover {
    color: rgb(250, 250, 250);
    background-color: #191970;
    cursor: pointer;
  }
}