@font-face {
    font-family: CatCafe;
    src: url("./Catcafe-v5yM.ttf");
}
@font-face {
    font-family: EdgeOfTheGalaxy;
    src: url("./EdgeOfTheGalaxyRegular-OVEa6.otf");
}
@font-face {
    font-family: GroutpixFlow;
    src: url("./GroutpixFlowSlabSerif-rvdap.ttf");
}
@font-face {
    font-family: Sddystopian;
    src: url("./Sddystopiandemo-GO7xa.otf");
}
@font-face {
    font-family: Teknaf;
    src: url("./TeknafRegular-rv0aB.otf");
}
@font-face {
    font-family: PixelGame;
    src: url("./PixelGame-R9AZe.otf");
}


body {
    background-color: #111;
    color: whitesmoke;
}

.IndexPage {
    text-align: center;
    justify-content: space-around;
    display: flex;
}

.IndexPageLink {
    flex: 1 1 30%;
    margin: 20px;
    padding: 20px;
    text-align: center;
}

.Characters {
    justify-content: space-around;
    display: flex;
}

.Char {
    flex: 1 1 30%;
    margin: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    color: whitesmoke;
    font-family: GroutpixFlow;
}

.Char a {
    color: whitesmoke;
    text-decoration: none;
    font-family: GroutpixFlow;
}

.CharactersTitle {
    color: whitesmoke;
    text-align: center;
    font-size: 60px;
    font-family: GroutpixFlow;
}