body {
    color: white;
}

form {
    width: 50%;
    border: solid 1px rgb(248, 47, 47);
    padding: 1rem;
}

textarea.form-control {
    height: 15rem;
    width: 37vw;
}

.form-control{
    width: 25vw;
}

.btn-success{
    margin-left: 1rem;
    padding-inline: 2rem;
}

.btn-success:hover{
    color: green !important;
} 

.btn-danger {
    float: right;
    margin-right: 1rem;
    padding-inline: 2rem;
}

/* Cards */
.card{
    width: 50% !important;
    background-color: rgba(0, 0, 0, 0.173) !important;
    color: white !important;
    border-color: rgb(248, 47, 47);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.card-img-top{
    max-height: 35rem;
    width: 100%;
    object-fit: cover;
}

.card-title {
    color: rgb(248, 47, 47) !important;
}

table{
    width: 75% !important;    
}

td, th, tr{
    background-color: rgb(42, 40, 40) !important;
    color: white !important;
    border-color: rgb(248, 47, 47) !important;
}

caption {
    color: rgba(255, 255, 255, 0.733);
}