.containerindex{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(porteouverte-1900.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}
.listbtn__index{
    height: 10rem;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    background-color:hsl(0, 0, 100);
    border-radius: 3rem;
    box-shadow: 5px 5px 2px 1px rgb(0, 0, 0);
}

.btn__index{
    height: 3rem;
    width: 6rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-color: hsla(173, 71%, 50%, 1);
    border-radius: 1rem;
    text-decoration: none;
    color: hsla(0,0%,100%,1);
}
.btn__index:hover{
    background-color: rgb(29, 165, 149);
}