@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --primary-background: 16, 16, 50;
}

.pt-7 {
    padding-top: 7rem !important;
}

.card {
    border: none;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(var(--primary-background), 0) 0%, rgba(var(--primary-background), 0.5) 100%);
    border-radius: 0;
}

.card-header {
    border-radius: 0;
    border: none;

    h5 {
        font-size: 1rem;
        color: rgb(235, 113, 50);
        padding-top: 0.4rem;
    }
}

.card-body {
    border-radius: 0;
    color: #fff;
}

.btn {
    border-radius: 0;
}

.btn:not(.btn-danger) {
    background-color: rgba(var(--primary-background), 0.5);
    border: 1px solid rgb(var(--primary-background));
    color: white;
}

.btn-app-lg {
    padding: 25px;
}

.btn-full-width {
    width: 100%;
}

.modal-header {
    border: none;
}

.modal-content {
    background: rgba(var(--primary-background), 0.75);
}