html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 130px;
    padding-top: 20px;
}
.tales {
    width: 100%;
}
.carousel-inner {
    width: 100%;
    max-height: 300px !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 100px;
    background-color: #333;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

footer .container {
    width: auto;
    max-width: 680px;
    padding: 0 15px;
}
footer .container .text-muted {
    margin: 20px 0;
}


.match-athlete-a {
    background-color: #ff95a2;
    border-radius: 15px;
    padding-top: 15px;
    border: 1px solid darkred;
}

.match-athlete-b {
    background-color: rgba(0, 29, 255, 0.43);
    padding-top: 15px;
    border: 1px solid darkblue;
    border-radius: 20px;
}