@import "style.css";

@font-face {
    font-family: 'TW Rational';
    src: url('./fonts/Rational TW Text Book Font/RationalTWText-Book.woff2') format('woff2'),
        url('./fonts/Rational TW Text Book Font/RationalTWText-Book.woff') format('woff'),
        url('./fonts/Rational TW Text Book Font/RationalTWText-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-family-twr {
    font-family: 'TW Rational';
}

.container-fluid {
    background: #000000;
}

.Ellipse {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}

h2 {
    font-family: 'TW Rational';

}

.blogs-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2em;
    width: 85%;
    margin: auto;
    padding: 6em 0;
}

.card-title {
    font-family: 'TW Rational';
}

.card__footer {
    margin-top: 5em;
}

.card-img-top {
    padding: 10px;
}

.user {
    display: flex;
    gap: .5rem;
}

.user__image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.user__info h5 {
    margin: 0;
    font-size: 14px;
}

.user__info>small {
    color: #666;
}

.blog {
    text-decoration: none;
    width: 23%;
    background: #1F1F1F !important;
    color: white !important;
}

.blog-heading {
    margin-top: 2em;
}
.zero-btn-theme-color {
    color: #4338CA;

}