.font-size-h1 {
    font-size: 3rem !important;
    font-weight: bolder !important;
}

.font-size-h2 {
    font-size: 2.5rem !important;
    font-weight: bolder !important;
}

.font-size-h3 {
    font-size: 2.2rem !important;
    font-weight: bold !important;
}

.font-size-h4 {
    font-size: 1.9rem !important;
    font-weight: bold !important;
}

.font-size-h5 {
    font-size: 1.3rem !important;
    font-weight: bold !important;
}

.font-size-h6 {
    font-size: 1rem !important;
    font-weight: bold !important;
}

.alert {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.text-bg {
    color: #151521 !important;
}

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

.bg-primary {
    background-color: #F2C435 !important;
}

.bg-side {
    background-color: #1E1E2D !important;
}

.EzyEx-gradient {
    background: rgb(247, 199, 53);
    background: linear-gradient(41deg, rgba(247, 199, 53, 1) 35%, rgba(239, 142, 109, 1) 100%);
}

@keyframes backgroundColorPalette {
    0% {
        background: #151521;
    }
    33% {
        background: #1E1E2D;
    }
    66% {
        background: #151521;
    }
    100% {
        background: #151521;
    }
}

body {
    animation-name: backgroundColorPalette;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#toastr-container {
    margin-top: 10px;
    margin-right: 10px !important;
    margin-left: 10px !important;
    padding-left: 10px !important;
}

#toastr-container > div {
    width: 400px !important;
    opacity: 1 !important;
}

.toastr-message {
    font-size: 1.3rem !important;

}