@font-face {
    font-family: 'FiraCode';
    src: url('../fonts/FiraCode-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

:root {
    --primary-color: #10B981;
    /* Neon Green */
    --secondary-color: #1F2937;
    /* Dark Gray */
    --accent-color: #06B6D4;
    /* Cyan Blue */
    --text-color: #FFFFFF;
    /* White */
    --font-family: 'FiraCode', sanserif;
    /* Font */
}


* {
    font-family: var(--font-family);

}


body {
    background-color: var(--secondary-color);
}

.navbar {
    background-color: var(--secondary-color);

}

.navbar a {
    color: var(--text-color);
    text-decoration: none;
    margin: 0 15px;
    transition: color 0.3s;
}

.card-img-top {
    aspect-ratio: 4 / 3;
    width: 100%;
    object-fit: cover;
}

/* Footer*/

footer {
    background-color: #333;
    color: #fff;
    padding: 20px 0;
}

footer nav a {
    color: #fff;
    margin: 0 10px;
    text-decoration: none;
}

footer nav a:hover {
    text-decoration: underline;
}