:root{
    --topic_card_background_color: #0F4C75;
}
.category-index{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media (width < 667px) {
    .category-index{
        grid-template-columns: 1fr;
    }
    .topic-cards .topic-card{
        width: 80%;
    }

}

.category-index .category-leftpart{

    display: flex;
    flex-direction: column;
}

.category-index .category-leftpart .category-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.category-index .category-leftpart .topics-gallery{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.category-index .category-leftpart .topics-gallery #all-posts{
    align-self: center;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.category-index .category-leftpart .topics-gallery .topic-cards{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    justify-content: center;
    align-items: center;
    justify-items: stretch;
    gap: 10px;
}


#topics-board img{
    width: 100%;
    height: 100%;
}

.topic-card .topics{
    width: 100%;
    background-color: var(--topic_card_background_color);
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: 5px;
    padding: 4px;
}

/* .topic-card div{
    border: 1px solid aqua;
    /* width: min-content;
}
.topic-card i{
    border: 1px solid red;
} */
 a.topics i, a.topics div{
    pointer-events: none;   
 }

.sheets-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHElEQVR4nO2Yb0wbZRzHj7WFhX+tMBXoNmE6dSawtLQwfeEGeyNZWW+UmBiR2Y6w4UBeQlYg6FQwvNEXCwF7c8qxV1NJDOyFUyBQeGOitFQzSKDtegcOjOVPhdGWn3mOljHurtcw/pn0l3zTy+V5fv18nufJQQ/DIhWpSEUqUpHa5iqcggycgmqchl9xCmxaChpxGk5g+7m0U5COoLU0DOI0AGcCMudd8Aq2H0pDwdF1aApWecFDyOAueHlXobUuOLJlaAGZQie8tCPQFx7A4W2HFtqZv+DFp4LWUHAIp6EcQWsp8O8oNB1SpuacE+RhQeMuSD5PQ6mWgh9xCrx7Ak2zgxYwsPvVFx5CKjc8DXVaCnx7DYuHl0+5BGb2ARiEebTmuQSM/5cd0FLwCUtA3e+uyx2Y97z527+Lb42vrODUvgKGggmvN8+y5Dllnveo+twNXAIz6v45CCZ3cB7O/L4EBRM+0O4RuMbuhzzLMuSa59e5AllkC/S5jap+t2/TQCanzAuQN7ImsxvQ+dZleH14gcWBssbormcJpJmcTWmEw5XeSf2U2T1rVvW7vbslowlCD3FDq3vd/qyeWcsx0jUgJxwuOeFoYQnICYdHTjghmDTCOZVOUj9n9cxY1H1u/3bLCEL3z0Fmz8xkxm16UE44pzeyyQkH+ymURjgb5CaH78mB66EyOunerO7ZEXWfe5VTZkhYJizou39PHLtND8sJJ83JYnL40ggn+whhNda6A9dsntjP7i8mfzmxIiccXCKQ2m73p7Y7vcfvTPvUfdwQbwwvwNnRZQYYBV2je3zQr3U99MsJpzelzY4+Ob/32RuT3vjmMY/IaPNgNaPspxBWa53BakchmANGG8Q13UcTORsGZCD1KyccvzMNfDIhoJkeKe123v7Pt9oh4fMxENX9sc4VCPsphNVajVjtqG/TQCaoQXzz2JqMiUemzfFYRgi6LTR0Yss4iBtY0MEgRvYRkujIJrGOdInf+e5eVKV5CKuxerllbBDfPB5yZ1LaHIwoAmagTYF7/McDUE/UmxO6xuKPqjJbRO/+MCAuIl2SIpL9v5BER/4j0ZEQjFhHTolLvv8FTUQNtrozgitdz7vSEFU1NCkq6RoU6zqmN7JJdCT7KSQu6jBKijp8mwYGZDppcUlXb1TV0AhWa13llKm3PZYRPB5/8kN/ODwheq9rWFxM0lwsiFGs62AfIZnCUJeouuyJO31t8WDBFysS3bfsySg44YsuIpZEZXcfYbVWTgh0fhNaxuG5VjuThNBnGkQVvcvRb3+zEK29+YgbmoQYTetCbP7HDxJVV+akCj37CMkU+hmZ0gDBSNWXIf50PRzU3GAacDWOxm9CTJEJxGXdwCfDC33lHsQUfw3ROMG9UDoSYgrbIC7/I5DmVMATbEr9ApeAUaY0rG4cuD4hpwLizjSsyeg6wpARgNYKQJ+9DtKcShYHE4XBJ8vWc/whwzAsKbPssExpqJYq9IP8Mh9AXF4j2lJeiGjcBDHFtxjgNehbzD1eaE0r0xP15oRW6v0BpupD2eXcPyk31zOq948IywjvjOBK517lgUZHxWCTKgw1SSdLw/tRzyuTXX5UWObqBhkh6EoBaH1jYnbp071W4SuZwvCCkExibhXE5l9ngFHQNbonCK24tDMvtsKU4QUMBZ2QVba7rxb5SnryYrqQzDq0yrA/Xu7yVZLi0gmZUt8gVepHUdB1cvbFV3knRCpSkYpUpCKFba3+AwBYURG2o1TCAAAAAElFTkSuQmCC");
    background-size: 100%;
    background-repeat: no-repeat;
}

.topics-gallery button#all-posts{
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1px 2px;
    cursor: pointer;
}

/* Font-size */

/* CATEGORY META INFO */

.category-info > h1{
    font-size: 1.7em;
}
.category-info  p.description{
    font-size: 1.2em;
}

/* TOPICS GALLERY */
.topics-gallery > h3{
    font-size: 1.3em;
}

.topic-card > a{
    font-size: 1.1em;
}

.topics-gallery button#all-posts{
    font-size: 1em;
}