body{
  margin: 0;
  padding: 0;
}
#panel{
    background-color: black;
    background-size: cover;
    width: 100%;
    height: 100vh
}
#backImage{
  opacity:0;
  -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

#textPanel{
    top: 14%;
    right: 15%;
    left: 15%;
    background-color: #ffffff70;
    opacity:0;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

#marBtn, #relBtn{
  border-width: 2px;
  border-style: solid;
}

.quote-message{
    font-size: 2.5rem;
}

.progress{
    padding: 0;
    border-radius: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
}

#nextButton{
    border-radius: 5rem;
    padding: 6px 8px;
    line-height: normal;
    position: absolute;
    right: 1rem;
    top: 1rem;
    animation-name: fade;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    display: none;
    color: black;
    background-color: #ffffff70;
}
@keyframes fade{
    0% {
      opacity: 0;
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }