h1 {
    text-align: center;
    /*Alinhar títulos */
}

h2 {
    text-align: center;
    /*Alinhar subtítulos */
}

p {
    text-align: center;
    font-size: large;
    /* margin: 20%;
    width: 728%;
    Alinhar os paragráfos */
}

.container img {
    /*Define a imagem gif na section */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
    /* Altura desejada */
    border: 1px solid black;
    /* Apenas para visualização */
    margin: 0 auto;
    /* Centraliza na horizontal */
    max-width: 100%;
    /* Define a largura máxima */
}

#gif {
    /*Define a section da imagem gif */
    background: rgb(14, 13, 13);
    border-radius: 10px;
    padding: 10px;
    width: fit-content;
    margin: auto;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.411);
    /*font-style: oblique;*/
    font-weight: bold;
    color: #194551;
}


#github_link {
    /*Define a section da imagem github */
    background:rgb(0, 0, 0);
    border-radius: 10px;
    padding: 10px;
    width: fit-content;
    margin: auto;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.411);
    /*font-style: oblique;*/
    font-weight: bold;
    color: #f8f9f9;
    display: flex;
    align-items: center;
    cursor: pointer;
}

h3 {
    /* Alinhamento do texto "Clique aqui" do Git */
    animation: color-change 10s infinite;
    margin-right: 10px;
    margin-left: 10px;
}

@keyframes color-change {
    0% { color: rgb(133, 133, 203); }
    25% { color: red; }
    50% { color: green; }
    75% { color: orange; }
    100% { color: purple; }
}



.container2 img {
    /*Alinhamento da imagem a direita do Git */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    /* Altura desejada */
    border: 1px solid black;
    /* Apenas para visualização */
    margin: 0 auto;
    /* Centraliza na horizontal */
    max-width: 100%;
    /* Define a largura máxima */
}