#app {
  position: relative;
  overflow: hidden;
  background:linear-gradient(#6D6875, #625D69, #5C5763);
  
  z-index: 0; /* Ensure it's above the background */
}

#app::before {
  content: "";
  position: absolute;
  top: 10vh;
  left: -50vh;
  width: 200vw;
  height: 90vh;
  z-index: -1;

  background: url(https://sunnsetcadett.jadelles-dollho.us/files/background.png);
  opacity: 0.1;
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto 600px;
  border:solid;
  transform: rotate(6deg);
  transform-origin: center center;
  animation: animatedBackground 550s linear infinite;
  pointer-events: none;
}

@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 10000px 0;
  }
}

.footer{
  background-color: #68636F;
  border: solid 2px #ffffff10;
  max-width:600px; 
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 30px;
  padding:0!important
}

a:not(.btn):hover{
  filter: brightness(.6)!important;
  transition: .2s ease;
}

a:not(.btn){
  filter: brightness(1);
  transition: .2s ease
}

.navbar-brand{
  transform:rotate(-2deg);
  transition: .3s ease-in-out
}

.navbar-brand:hover{
  transform:rotate(4deg);
  transition: .3s ease-in-out
}

main .col-md-7:first-of-type{
  border:solid;
  border-radius:30px; 
  padding: 10px;
  
  animation: slideInFromLeft 1.7s cubic-bezier(0.39, 0.58, 0.57, 1);
}

@keyframes slideInFromLeft {
  0% {
    transform: rotate3d(1, 2, 0, 40deg) rotate(10deg); 
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1
  }
}