main {
    flex: 1;
    overflow-y: auto;
    /*background-image: url("../image/wave.svg");*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    /*background-position: bottom;*/
    /*background-color: #013b4d;*/
}

.card-opacity-black-5 {
    background-color: rgba(0, 0, 0, 0.05);
}
.card-opacity-black-10 {
    background-color: rgba(0, 0, 0, 0.10);
}
.card-opacity-black-25 {
    background-color: rgba(0, 0, 0, 0.25);
}
.card-opacity-black-50 {
    background-color: rgba(0, 0, 0, 0.50);
}
.card-opacity-black-75 {
    background-color: rgba(0, 0, 0, 0.75);
}
.card-opacity-black-100 {
    background-color: rgba(0, 0, 0, 1);
}

.card-opacity-white-5 {
    background-color: rgba(255, 255, 255, 0.05);
}
.card-opacity-white-10 {
    background-color: rgba(255, 255, 255, 0.10);
}
.card-opacity-white-25 {
    background-color: rgba(255, 255, 255, 0.25);
}
.card-opacity-white-50 {
    background-color: rgba(255, 255, 255, 0.50);
}
.card-opacity-white-75 {
    background-color: rgba(255, 255, 255, 0.75);
}
.card-opacity-white-100 {
    background-color: rgba(255, 255, 255, 1);
}

@keyframes glow {
    0% {
        opacity: 0.75;
        box-shadow: 0 0 5px var(--box-shadow-color);
    }
    50% {
        opacity: 1;
        box-shadow: 0 0 50px var(--box-shadow-color);
    }
    100% {
        opacity: 0.75;
        box-shadow: 0 0 5px var(--box-shadow-color);
    }
}
.btn-primary.glow-button {
    --box-shadow-color: #007bff;
    animation: glow 1500ms infinite;
}

.btn-secondary.glow-button {
    --box-shadow-color: #6c757d;
    animation: glow 1500ms infinite;
}

.btn-success.glow-button {
    --box-shadow-color: #28a745;
    animation: glow 1500ms infinite;
}

.btn-danger.glow-button {
    --box-shadow-color: #dc3545;
    animation: glow 1500ms infinite;
}

.btn-warning.glow-button {
    --box-shadow-color: #ffc107;
    animation: glow 1500ms infinite;
}

.btn-info.glow-button {
    --box-shadow-color: #17a2b8;
    animation: glow 1500ms infinite;
}

.btn-light.glow-button {
    --box-shadow-color: #f8f9fa;
}

.btn-dark.glow-button {
    --box-shadow-color: #343a40;
    animation: glow 1500ms infinite;
}

.vh-5 {
    height: 5vh;
}

.vh-10 {
    height: 10vh;
}

.vh-25 {
    height: 25vh;
}

.vh-50 {
    height: 50vh;
}

.vh-75 {
    height: 75vh;
}

.glow {
    --glow-color: rgba(0, 0, 0, 1);
    color: var(--glow-color);
    animation: glow-animation 1s infinite alternate;
}

@keyframes glow-animation {
    0% {
        text-shadow: 0 0 5px var(--glow-color), 0 0 10px var(--glow-color), 0 0 15px var(--glow-color);
    }
    100% {
        text-shadow: 0 0 10px var(--glow-color), 0 0 20px var(--glow-color), 0 0 30px var(--glow-color);
    }
}