/* tags */

body {
    background-color: powderblue;
}

/* Class */

/* Deixar no centro */
.centro {
    text-align: center;
}

.ahref_inicio {
    text-decoration-thickness: 1px; /* grossura do underline abaixo das palavras */
    text-underline-offset: 2px; /* distancia vertical do underline e das palavras */
    color: black;
    font-size: 25px;

    display: inline-block; /* precisa transformar de inline para inline-block para o margin-top funcionar -> links comuns não aceitam margens verticais */
    margin-top: 18px;
}

.msg_princ {
    border: 2px solid rgba(0, 0, 0, 0.5);
    display: inline-block; /* para a borda acompanhar o texto */
    background-color: #d5d5d5;
    border-radius: 13px;
    padding: 10px;

    font-size: 20px;
}

.final {
    display: inline-block;
    font-size: 20px;
}

/* Class dos Flexbox */

/* Conteúdo do Site */
.container_bloco {
    display: flex;

    /* deixa o filho_bloco1 centralizado */
    justify-content: center;
    align-items: center;

    background-color: #d5d5d5;
    margin-left: 18%;
    margin-right: 18%;
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-radius: 13px;
    height: 525px;
}

.filho_bloco1 {
    width: 94%;
    height: 90%;

    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}

.filho_bloco2 {
    /* border: 2px solid; */
    width: 40%;
    height: 60%;
    font-size: 17px;
}

.fb21 {
    flex-grow: 1;
}

.fb22 {
    width: 30%;
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    overflow: hidden; /* arruma a foto de nao ficar ultrapassando as bordas se eu arredondar elas */
}

/* */
.fb22 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* imagem não fica achatada */
}

.fb23 {
    flex-grow: 1;
    height: 37%;
}