.navbar {
    background-color: #ee2f2b;
    padding: 5px 5px 5px 15px;
}

.navbar img {
        height: 40px;
}
.btn-primary {
    background-color: #db2525;
    border-color: #db2525;
}

    .btn-primary:hover {
        background-color: #c92020;
        border-color: #c92020;
    }

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: #db2525 !important;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #db2525;
    --bs-btn-border-color: #db2525;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c92020;
    --bs-btn-hover-border-color: #c92020;
    --bs-btn-focus-shadow-rgb: 199, 42, 42;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c92020;
    --bs-btn-active-border-color: #c92020;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #c92020;
    --bs-btn-disabled-border-color: #c92020;
}
.principal-img{
    margin: 0 auto;
    max-width:80%;
    max-height:40vh;
    margin-bottom:50px;
}
.principal-div{
    position:absolute; 
    top:50%; left:50%;
    transform: translate(-50%,-50%);
    width:100%;
}