@font-face {
    font-family: 'Playfair Display';
    src: url(../font/PlayfairDisplay-VariableFont_wght.ttf) format('truetype');
}

body {
    font-family: 'Playfair Display', arial;
}

h1 {
    text-align: center;
}

p {
    text-align: center;
}

.championship-name {
    color: #F00;
}

.tabella {
    display: flex;
    justify-content: center;
}

.podium {
    display: flex;
    align-items: flex-end;
    height: 40vh;
    margin: 20vh auto 0 auto;
    width: 50%;
    justify-content: center;
}

.podium > div {
    flex-basis: 30%;
    position: relative;
}

.podium-silver {
    background: silver;
    height: 30vh;
}

.podium-gold {
    background: gold;
    height: 40vh;
}

.podium-bronze {
    background: #CD7F32;
    height: 20vh;
}

.podium-pos {
    display: inline-block;
    text-align:center;
    position: absolute;
    bottom: 2vh;
    width: 100%;
}

.podium-bronze .podium-pos {
    font-size: 5rem;
}
.podium-silver .podium-pos {
    font-size: 9rem;
}
.podium-gold .podium-pos {
    font-size: 13rem;
}

.podium-bronze .podium-name {
    font-size: 2rem;
}
.podium-silver .podium-name {
    font-size: 3rem;
}
.podium-gold .podium-name {
    font-size: 4rem;
}

.podium-name {
    font-size: 2rem;
    position: absolute;
    bottom: 110%;
    text-align: center;
    width: 100%;
}

.podium-name small {
    display: block;
    font-size: 1rem;
}

.table {
    border: solid 1px #000;
    border-spacing: 0;
    padding: 0;

}

.table thead {
    background: #EEE;
}

.table td, .table th {
    border: solid 1px #000;
    border-width: 1px 1px 0 0;
    padding: 0.3rem 0.5rem;
}

.text-center {
    text-align: center;
}

.trophy-gold {
    color: gold;
}
.trophy-silver {
    color: silver;
}
.trophy-bronze {
    color: #CD7F32;
}
.trophy-shit {
    font-size: 1.2rem;
    color: chocolate;
}

.dsq,
.dnf {
    background: #000;
    color: #FFF;
    font-weight: bold;
    padding: 0 0.2rem;
}