.bg-noir {
    background-color: #1b1c1e !important;
}

.bg-navy-transparent {
    background-color: rgba(8, 25, 62, 0.7) !important;
}

.rounded-md-pill {
    border-radius: 1.8rem !important;
}

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

.border-800 {
    border-color: #fff !important;
}

.btn-deep {
    background-color: #11238C;
    border-color: #11238C;
    color: #fff;
}


@keyframes magic {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 100% 100%;
    }
}

* {
    margin: 0;
    padding: 0;
}

.text {
    color: transparent;
    background-image: linear-gradient(to right, #fd1d1d, #fcb045, #fcef45, #81fc45, #45d8fc, #5245fc, #af45fc);
    background-size: 200% 200%;
    -webkit-animation: magic 3s infinite linear alternate;
    -moz-animation: magic 3s infinite linear alternate;
    -ms-animation: magic 3s infinite linear alternate;
    -o-animation: magic 3s infinite linear alternate;
    animation: magic 3s infinite linear alternate;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
}

.gradient-half-primary-v1 {
    background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);
    background-repeat: repeat-x;
}

.gradient-half-primary-v2 {
    background-image: linear-gradient(150deg, #08193e 0%, #0062ff 100%);
    background-repeat: repeat-x;
}