.cabecalho{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding-top: 30px;
    font-family: 'Outfit', sans-serif;
}
.cabecalho .ossos{
    height: 30px;
    width: 30px;
}
.dinossauro-slider{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    margin: 60px 0px ;
}
.dinossauro-slider .btn-seta{
    border: none;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    background-color: #BBC0B8;
    cursor: pointer;
    transition: 0.4s ease-in-out;
    box-shadow: rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) 25px 25px;
}
.dinossauro-slider .btn-voltar{
    transform: rotateY(180deg);
}
.dinossauro-slider .btn-seta:hover{
    background-color: #2A2D29;
    box-shadow: 0 0 10px #cadbeb, 0 0 40px #cadbeb, 0 0 80px #cadbeb;

}
.lista-Dinossauro{
    width: 310px;
    height: 420px;
    position: relative;
}
.card{
    background-color: #2A2D29;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    padding: 10px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
.card.selecionado{
    opacity: 1;
    z-index: 1;
}
.fundo-01{
    background: url(../assets/fundo-verde.jpg) no-repeat;
    background-size: cover;
}
.fundo-02{
    background: url(../assets/fundo-vermelho.png) no-repeat;
}
.fundo-03{
    background: url(../assets/fundo-cinza.jfif) no-repeat;
}
.fundo-04{
    background: url(../assets/fundo-azul.jfif) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
}
.card .informacoes{
    background-color: rgba(7, 7, 8, 0.7);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}
.card .informacoes .nome{
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: normal;
}
.card .informacoes .comida-vegetacao{
    font-family: 'Raleway', sans-serif;
    background-color:#2d1600BB;
    padding: 8px 4px;
    border-radius: 40px;
    border: solid 1px #000;
    
}
.card .informacoes .comida-carne{
    font-family: 'Raleway', sans-serif;
    background-color:#000000BB;
    padding: 8px 4px;
    border-radius: 40px;
    border: solid 1px #000;
}
.card .informacoes .comida-onivero{
    font-family: 'Raleway', sans-serif;
    background-color:#14081abb;
    padding: 8px 4px;
    border-radius: 40px;
    border: solid 1px #000;
}
.card .container-imagem{
    text-align: center;
}
.card .imagem-dinossauro{
    max-width: 100%;
    max-height: 200px;
    padding: 15px;
}
.card .descricao{
    background-color: rgba(104, 100, 100, 0.8);
}
.card .descricao .titulo{
    background-color: #000000;
    text-align: center;
    padding: 10px;
    font-weight: normal;
}
.card .descricao .texto{
    color: #000000;
    font-size: 16px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    padding: 5px;
    text-align: justify;
    max-height: 80px;
    overflow-y: auto;
}