.body-bag {
    background-color: #efefef;
    font-family: "Ringside Regular A","Ringside Regular B",sans-serif;
  font-size: 16px;
  color: #363434;
}

:root {
    --width: 300px;
    --x-speed: 13s;
    --y-speed: 7s;
    --transition-speed: 2.2s;
  }
  
  .el { 
    width: var(--width);
    height: var(--width);
  }
  
  .x {
    animation: x var(--x-speed) linear infinite alternate;
  }
  .y {
    animation: y var(--y-speed) linear infinite alternate;
  }
  
  @keyframes x {
    100% {
      transform: translateX(calc(100vw - var(--width)));
    }
  }
  @keyframes y {
    100% {
      transform: translateY(calc(100vh - var(--width)));
    }
  }


.btn-success {
    color: white;
    background-color: #034854 !important;
    border-color: #034854 !important;
  }

  .btn-info {
    color: white;
    background-color: #B88E14 !important;
    border-color: #AF7611 !important;
  }

a{
    color: #d1ccd1;
}

.custom-link {
    color: #f4d611;
}    

a.nav-link {
    color:#4a364a;
}