.full-top-100-logo svg {
  margin: 2em auto;
  max-width: 50%;
}
.full-top-100-logo.fade-in #outer {
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: fly-in 0.5s ease-in-out forwards;
}
.full-top-100-logo.fade-in #inner {
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: fly-in 0.5s 0.1s ease-in-out forwards;
}
.full-top-100-logo.fade-in #blue {
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: fly-in 0.5s 0.2s ease-in-out forwards;
}
.full-top-100-logo.fade-in #IA_x5F_logo {
  opacity: 0;
  animation: fade-in 0.5s 1s ease-in-out forwards;
}
.full-top-100-logo.fade-in #text {
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: fly-in 0.5s 0.5s ease-in-out forwards;
}
.full-top-100-logo.rotate #outer {
  transform-origin: 50% 50%;
  animation: logo-rotation 5s ease-in-out infinite;
}
.full-top-100-logo.rotate #inner {
  transform-origin: 50% 50%;
  animation: logo-rotation 5s 0.1s ease-in-out infinite;
}
.full-top-100-logo.rotate #blue {
  transform-origin: 50% 50%;
  animation: logo-rotation 5s 0.2s ease-in-out infinite;
}
.full-top-100-logo.resize #outer {
  transform-origin: 50% 50%;
  animation: logo-resize 3.5s 0.3s ease-in-out infinite;
}
.full-top-100-logo.resize #inner {
  transform-origin: 50% 50%;
  animation: logo-resize 3.5s 0.15s ease-in-out infinite;
}
.full-top-100-logo.resize #blue {
  transform-origin: 50% 50%;
  animation: logo-resize 3.5s ease-in-out infinite;
}

@keyframes logo-rotation {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes logo-resize {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.95);
  }
  20% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fly-in {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bg-primary {
  background-color: #2952a4 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(30.8, 61.6, 123.2) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-white-6 {
  background-color: rgb(230, 230, 230) !important;
}

a.bg-white-6:hover, a.bg-white-6:focus,
button.bg-white-6:hover,
button.bg-white-6:focus {
  background-color: rgb(204.5, 204.5, 204.5) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.text-lg {
  font-size: 1.25rem;
}

.text-gold {
  color: #004200;
}

.bg-gold {
  background-color: #004200;
}

@media (min-width: 992px) {
  .skewed {
    transform: skew(-4deg);
    height: 100%;
    border: 10pt #004200 solid;
    border-top: none;
    border-bottom: none;
  }
  .n-skewed {
    transform: skew(4deg);
  }
}
@media (min-width: 992px) {
  .bg-primary-lg {
    background-color: #2952a4 !important;
  }
}
#last-playlist-image {
  width: 140%;
  height: 200px;
  margin: 0 -20%;
  z-index: 100;
  object-fit: cover;
}

#last-playlist h1 {
  padding-top: 20px;
}

.dj-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.dj-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#dj-2 {
  object-position: top right;
  width: 160%;
  margin-left: -45%;
}

#dj-1 {
  object-position: top right;
}

#dj-3 {
  object-position: top;
}

#djs .col {
  transform: skew(-4deg);
  overflow: hidden;
}

#djs h2 {
  border: 10px solid #004200;
  border-top: 0;
  border-bottom: 0;
}

/*# sourceMappingURL=landingpage.css.cd7f43e0c8bd.map */