/*
* Styles about competition rules page
*/


#static-wrapper h1 {
font-weight: bold;
font-size: 1.52em;
}

#static-wrapper h2 {
margin-top: 3.8em;
text-align: center;
font-weight: bold;
font-size: 1.2em;
}

#static-wrapper h2:first-of-type {
margin-top: 1em;
}

.prize {
color: var(--attention-color);
font-size: 1.2em;
}


#static-wrapper ul, #static-wrapper ol {
line-height: 1.6em;
padding-left: 0;
list-style-position: inside;
}

#static-wrapper ul li {
margin: 0.64em 0;
text-indent: 1.64em;
}

#static-wrapper ol li {
margin: 0.64em 0;
text-indent: 1.64em;
}




.podium {
width: 600px;
height: 196px;
position: relative;
margin: 0.52em auto 3.2em auto;
}

.podium1, .podium2, .podium3, .podium4, .podium5 {
position: absolute;
bottom: 0;
text-align: center;
background-color: var(--tertiary-bg-color);
color: var(--tertiary-color);
width: 120px;
}

.podium1 {
left: 240px;
height: 140px;
font-size: 100px;
}

.podium2 {
left: 120px;
height: 100px;
font-size: 80px;
}

.podium3 {
left: 360px;
height: 80px;
font-size: 60px;
}

.podium4 {
left: 0;
height: 60px;
font-size: 48px;
}

.podium5 {
left: 480px;
height: 40px;
font-size: 32px;
}

.podiumm1, .podiumm2, .podiumm3, .podiumm4, .podiumm5 {
position: absolute;
text-align: center;
font-size: 36px;
font-weight: bold;
color: var(--info-color);
width: 120px;
}

.podiumm1 {
bottom: 150px;
left: 240px;
}

.podiumm2 {
bottom: 110px;
left: 120px;
}

.podiumm3 {
bottom: 90px;
left: 360px;
}

.podiumm4 {
bottom: 70px;
left: 0;
}

.podiumm5 {
bottom: 50px;
left: 480px;
}



@media screen and (max-width: 640px) {
.podium {
width: 400px;
height: 146px;
}
.podium1, .podium2, .podium3, .podium4, .podium5 {
width: 80px;
}
.podiumm1, .podiumm2, .podiumm3, .podiumm4, .podiumm5 {
width: 80px;
font-size: 28px;
}
.podium1 {
left: 160px;
height: 105px;
font-size: 80px;
}
.podium2 {
left: 80px;
height: 80px;
font-size: 60px;
}
.podium3 {
left: 240px;
height: 60px;
font-size: 48px;
}
.podium4 {
left: 0;
height: 40px;
font-size: 32px;
}
.podium5 {
left: 320px;
height: 25px;
font-size: 24px;
}
.podiumm1 {
left: 160px;
bottom: 110px;
}
.podiumm2 {
left: 80px;
bottom: 85px;
}
.podiumm3 {
left: 240px;
bottom: 65px;
}
.podiumm4 {
left: 0;
bottom: 45px;
}
.podiumm5 {
left: 320px;
bottom: 30px;
}
}


@media screen and (max-width: 460px) {
.podium {
width: 300px;
height: 146px;
}
.podium1, .podium2, .podium3, .podium4, .podium5 {
width: 60px;
}
.podiumm1, .podiumm2, .podiumm3, .podiumm4, .podiumm5 {
width: 60px;
font-size: 24px;
}
.podium1 {
left: 120px;
font-size: 60px;
}
.podium2 {
left: 60px;
font-size: 48px;
}
.podium3 {
left: 180px;
font-size: 32px;
}
.podium4 {
left: 0;
font-size: 24px;
}
.podium5 {
left: 240px;
font-size: 20px;
}
.podiumm1 {
left: 120px;
}
.podiumm2 {
left: 60px;
}
.podiumm3 {
left: 180px;
}
.podiumm4 {
left: 0;
}
.podiumm5 {
left: 240px;
}
}