/* Define a fonte padrão para todo o corpo do site */
body {
    font-family: 'Roboto', sans-serif;
    color: #0F1E36; /* Cor de texto principal que definimos */
    padding-top: 150px;
}

/* Define a fonte para todos os títulos */
h1, h2, h3, h4, h5, h6, .card-header {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700; /* Negrito */
}

/* Ajuste fino para os nomes dos times no card */
.card-body h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500; /* Medium, um pouco mais de destaque que o texto normal */
}

.nav-link:hover{
    color: #00894C;
}

.nav-link.enter{
    border: 2px solid #00894C;
    color: #00894C;
}

.nav-link.enter:hover{
    border: 2px solid #6CC24A;
    color: #6CC24A;
}

.nav-item{
    margin: 0 1rem;
}


.analysis-content h2 {
    font-size: 1.75rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
}
.analysis-content h3 {
    font-size: 1.4rem;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.analysis-content p{
    margin: 1.25rem 0;
    font-size: 1.2rem;
    font-weight: 200;
}

.analysis-content code{
    color: #00894C;
}

.analysis-content ul li{
    margin: 1.5rem 0;
    font-size: 1.2rem;
    font-weight: 200;
}

.time-nome{
    font-size: 2rem;
    font-weight: 300;
}

.time-escudo{
    width: 200px;
    height: 200px;
}



@media (min-width: 320px) and (max-width: 768px) {
    .navbar-brand{
        width: 200px;
    }

    .navbar-brand img{
        width: 100%;
    }

    .time-nome{
        font-size: 0.9rem;
    }

    .time-escudo{
        width: 50px;
        height: auto;
    }

    .partida-data{
        font-size: 0.9rem;
    }
}