#mainPage #mainPageContent #challengesPageContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
}

#mainPage #mainPageContent #challengesPageContent #challengesTitle,
#mainPage #mainPageContent #challengesPageContent #challengesTitleBonus {
    font-size: 6rem;
    color: orangered;

    text-shadow:
    1px 1px 0 #000,
    -1px 1px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000;
}

#mainPage #mainPageContent #challengesPageContent #challengesText,
#mainPage #mainPageContent #challengesPageContent #challengesTextBonus {
    background-color: rgb(241, 241, 241);
    border-radius: 0.8rem;
    padding: 1.5rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge {
    background-color: rgb(241, 241, 241);
    display: flex;
    gap: 2rem;

    border: 0.3rem solid black;
    border-radius: 2rem;

    padding: 1rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge:hover {
    /* transform: scale(1.04);
    transition: transform .4s; */
    background-color: rgb(5, 85, 131);
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameImage img {
    border-radius: 2rem;

    border: 0.2rem solid black;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .gameName {
    font-size: 5.5rem;
    color: orangered;

    text-shadow:
    1px 1px 0 #000,
    -1px 1px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .gameName.tooBigName {
    font-size: 4.5rem
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .challengeThemeInfo {
    display: flex;
    align-items: center;
    gap: 2rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .challengeThemeInfo .gameYear {
    font-size: 2.8rem;
    background-color: lightgray;
    padding: 0.3rem;
    border-radius: 0.7rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .challengeThemeInfo .challengeName {
    font-size: 4rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .challengeInfo {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    padding-top: 1rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .challengeInfo .dateChallengeInterval {
    font-size: 2.5rem;
    color: gray;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .challengeInfo .ifFirstTime {
    font-size: 3rem;
    color: gray;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .avaiablePlatformsText {
    padding-top: 1rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .avaiablePlatforms {
    display: flex;
    gap: 1.5rem;

    padding-top: 3rem;
}

#mainPage #mainPageContent #challengesPageContent .challenge .gameInfo .avaiablePlatforms img {
    max-width: 9rem;
    max-height: 2.5rem;
}