/* Site todo */
@font-face {
    font-family: 'Heebo';
    src: url('../media/font/Heebo/Heebo-VariableFont_wght.ttf');
    /* Adicione outras variações da fonte se desejar */
    /* src: url('caminho/para/heebobold.ttf') format('truetype'); */
    /* src: url('caminho/para/heebolight.ttf') format('truetype'); */
  }
  
  body {
    font-family: 'Heebo', Arial, sans-serif;
  }

.row{
    margin: 0;
}

.container{
    padding: 70px 0;
}

a{
    text-decoration: none;
}

.h2, h2 {
    font-size: 2.5rem;
}


/* Header */

.container-header{
    position: relative;
}

header{
    /* 1 - #0e0d0c  2 - #0a0b11  3 -  */
    position: fixed;
    width: 100%;
    background-color: #0e0d0c;
    height: 30px;
    text-align: center;
    padding: 0;
    justify-items: center;
    z-index: 9999;

}

.self-link {
    display: inline-table;
    color: #f1f1f1;
    text-decoration: none;
    padding: 0.35rem 2rem;
    cursor: pointer;
}

.self-link:hover{
    color: #f1f1f1;
}


/* Home */

.container-fluid{
    padding: 0;
}
  
.imagem-capa img {
    height: 30vmax;
    filter: brightness(30%);
}

.texto-capa{
    position: absolute;
    color:#f1f1f1;
    left: 5%;
    top: 10vh;
}

.texto-capa h2{
    font-size: calc(24px + 3vw);
    font-weight: 600;
}

.texto-capa p{
    font-size: calc(7px + 1vw);
}

/* Projetos */

.row-projects{
    justify-content: space-evenly;
}

.card{
    margin-bottom: 20px;
}
.card-text{
    color: rgba(0, 0, 0, 0.877);
}
.card-text:hover{
    color: rgba(0, 0, 0, 0.877);
}


.card-body{
    text-align: center;
}

.projetos-title, .projetos-title-analise{
    text-align: center;
    padding-bottom: 20px;
}

.portfolio-menu-ciencia, .portfolio-menu-analise, .portfolio-menu-python{
    padding: 50px;
}

.portfolio-menu-analise{
    background-color: #0e0d0c;
}

.portfolio-menu-analise h2{
    color: #f1f1f1;
}


/* Footer */
footer{
    background-color: #0e0d0c;
    border: 2px;
    border-top: 7px solid #672217;
    color: white;
    text-align: center;
    font-size: 13px;
}


/* Tamanho para mobile */
@media(max-width: 425px){

    h2{
        font-size: 30px;
    }

    .texto-capa{
        position: absolute;
        color:#f1f1f1;
        left: 2%;
        top: 6vh;
    }

    .texto-capa h2{
        font-size: 30px;
        font-weight: 600;
    }
    
    .texto-capa p{
        font-size: 14px;
    }
}





/*<!-- Código Python -->
        <div class="container">
          <div id="accordion" class="col-md-10">
            <div class="card">
              <div class="card-header" id="headingOne">
                <h5 class="mb-0">
                  <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
                    aria-controls="collapseOne">Bibliotecas</button>
                </h5>
              </div>

              <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                <div class="card-body code-container">
                  <pre><code class="language-python">
codigo
            </code></pre>
                </div>
              </div>
            </div>
          </div>
        </div>*/