:root{
    --blue: #3498db;
    --red:#e74c3c;
}

.bg-content{ 
    border-left: 2px solid rgb(0,0,0);
    border-right:var(--border);
    box-shadow: 2px 1.5px 1.5px 1.5px rgba(0,0,0,0.4);
    background-color: #273c75;
    width: 100%;
    height: 100%;
}
.content{
    padding-left: 5em;
    padding-right: 5em;
    color: #fff;
    text-align: center;
}
.content h4{
    padding-top: 1em;
    margin-top: 0;
    font-size: 5vh;
}
.content h5{
    font-size: 3vh;
    margin-top: 0;
    padding-top: 2em;
    padding-bottom: .5em;
}
.content p{
    opacity: .6;
    font-size: 2vh;
}
/* table */
table{
    border-collapse: collapse;
    width: 100%;
    
}

table, th, td{
    /* border: 2px solid black; */
    
    padding: 1em;
}
table, td{
    border-radius: 20px;
}
table th{
    background-color:#747d8c;
    border-radius: 20px;
}
tr:nth-child(even){
    background-color: var(--blue);
}
tr:nth-child(odd){
    background-color: var(--red);
}
/* other */
.list{
    list-style: none;
}
.list li{
    padding: .3em;
    text-align: center;
}
.list{
    text-align: center;
}