#main{
    margin-top: 92px;
}

@media (max-width: 850px) {
    #main{
        margin-top: 82px;
    }
}

/*allow everything to take up some space*/
#main-info-pratique{
    height: auto;
    display: flex;
    flex-direction: column;
}

/*paragraph hadling*/

.paragraph-info {
    font-size: 1.3em;
    padding: 10px;
    text-align: center;
    max-width: 80vw;
    margin: auto;
}

@media (max-width: 850px) {
    .paragraph-info {
        font-size: 1em;
    }
}

.title-info-pratique{
    text-align: center;
    text-decoration: underline;
    text-decoration-thickness: 15%;
    text-underline-offset : 5px;
    font-weight: bold;
    font-size: 1.7em;
    padding: 15px;
    line-height: 1.3em;
}

/* REALLY NOT THE PART THAT HANDLES SOME FLAGS, WALK AWAY NOTHING TO SEE HERE*/

#really-no-flag-here{
    visibility: hidden;
    position: absolute;
    transition: visibility;
    transition-delay: 0s;
}

#do-not-inspect-no-flag-here:hover + #really-no-flag-here{
    visibility: visible;
    position: relative;
    transition-delay: 7s; /*vous avez de la chance, de base je voulais mettre 30s pour bien vous faire poireauter, mais Aurélia a eu pitié de vous*/
}


/*Absolutely nothing to do with some Caesar code !!!!*/
#not-a-code-caesar{
    border: 3px black solid;
    text-align: center;
    max-width: 70vw;
    font-size: 3em;
    padding: 20px;
    margin: 0 auto 10px
}

@media (max-width: 850px) {
    #not-a-code-caesar{
        font-size: larger
    }
}

/*tell people not to try on their phone*/
#warning-phone{
    display:none;
}
@media (max-width: 850px) {
    #warning-phone{
        display:block;
    }
}

/*Oh my leaderboard*/
#leaderboardhq {
    max-width: 90vw !important;
    margin: auto !important;
}

#leaderboardhq .rounds{
    display: none!important;
}

#leaderboardhq .no-border .subtitle{
    padding: 10px!important;
}