main {
    padding: 0;
    margin: 0;
    height: 100%;
    a {
        text-decoration: none;
        color: black;
    }
    h1 {
        text-align: center;
        margin-top: 2.11%;
    }
    .container {
        margin: 2.14% 0 4.25% 0;
        padding: 2% 0;
        background: linear-gradient(white, #CECBCB, white);
        display:flex;
        justify-content:space-evenly;
        .card {
            background-color:#bdbcbcaa;
            padding:1%;
            border:1px solid black;
            border-radius:1vw;
            width:20%;
            img{
                width:20vw;
                border-top-left-radius: 2vh;
                border-bottom-right-radius: 2vh;
            }
            .bottoni{
                color: white;
                cursor:pointer;
                background-color:#45b89d;
                height:5vh;
                width: fit-content;
                padding: 0 2.5%;
                border-radius:4vw;
                text-align:center;
                line-height: 5vh;
                transition: background-color 0.4s ease;
                border: none;
                margin: auto;
            }
            .bottoni:hover {
                background-color: #51e7bd;
            }
        }
    }
}