@font-face {
    font-family: 'MiFuentePersonalizada';
    /* Nombre con el que llamarás a la fuente en CSS */
    src: url('./fonts/Figtree-VariableFont_wght.ttf') format('truetype');
    /* Ruta relativa de tu archivo y formato */
    font-weight: normal;
    font-style: normal;
}

.blog--content {
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-family: 'MiFuentePersonalizada', sans-serif;


}

.blog--card {
    background-color: #fff;
    max-width: 380px;

    
    box-shadow: 9px 9px 0px 0px #000000;
}

.userpic {
    width: 32px;
    height: 32px;
}

.category {
    background-color: #F4D04E;
    font-weight: 700;
    padding: 4px 12px;
    font-size: 14px;
}

.card--text p:nth-child(2) {
    font-size: 14px;
}

.card--text p:nth-child(3) {
    font-size: 24px;
    color: #F4D04E;
}

.card--text p:nth-child(4) {
    color: #6b6b6b;
}

.author--blog {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-name {
    font-size: 14px;
    font-weight: 700;
}