body {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #d8d7d5;
    background-attachment: fixed;
}

.container {
  margin: 0;
}

.scrollToTopBtn {
    border: none;
    color: white;
    cursor: pointer;
    font-size: 14px;
    line-height: 42px;
    width: 125px;
  
    /* place it at the bottom right corner */
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* keep it at the top of everything else */
    z-index: 100;
    /* hide with opacity */
    opacity: 0;
    /* also add a translate effect */
    transform: translateY(100px);
    /* and a transition */
    transition: all 0.5s ease;
    background: #0c1329d9;
  }

  .showBtn {
    opacity: 1;
    transform: translateY(0);
  }
  
  @-webkit-keyframes bounce {
    0% { transform: translateY(-5px)  }
    50% { transform: translateY(10px) }
    100% { transform: translateY(-5px) }
}

@keyframes bounce {
    0% { transform: translateY(-2px)  }
    50% { transform: translateY(4px) }
    100% { transform: translateY(-2px) }
}

.bounce {
    -webkit-animation: bounce 3s infinite ease-in-out;
    -o-animation: bounce 3s infinite ease-in-out;
    -ms-animation: bounce 3s infinite ease-in-out; 
    -moz-animation: bounce 3s infinite ease-in-out; 
    animation: bounce 3s infinite ease-in-out;
}