main {
    overflow-x:hidden;
    .intro {
        position:relative;
        height:75vh;
        .sottotitolo{
            /* position:absolute; */
            font-size:2.6em;
            line-height: 7vh;
            /* left:19vw; */
            width: 100%;
            height: 10%;
            text-align:center;
        }
        .immagini {
            background-color: #CECBCB;
            position: relative;
            /* top:8vh; */
            display:flex;
            justify-content:space-between;
            height:90%;
            img {
                height:85%;
                width:auto;
                top:3vh;
            }
            .sinistra {
                position: relative;
                right:5vh;
                border-bottom-right-radius: 5vw;
            }
            .destra {
                position: relative;
                left:5vh;
                border-top-left-radius: 5vw;
            }
        }
        .container {
            border-radius: 4vh;
            background-color:#CECBCBaa;
            position:absolute;
            top: 27%;
            left: 37.5%;
            width: 25%;
            height: 25vh;
        }
        .testo {
            position:absolute;
            top: 30%;
            /* left: 40%; */
            z-index:1;
            font-size:2em;
            width:100%;
            text-align:center;
        }
        .bottoni{
            color: white;
            cursor:pointer;
            background-color:#45b89d;
            height:5vh;
            width:10vw;
            border-radius: 4vw;
            text-align: center;
            line-height: 5vh;
            position: absolute;
            left:45%;
            top:50%;
            transition: background-color 0.4s ease;
        }
        .bottoni:hover {
            background-color:#51e7bd;
        }
    }
    #about {
        width:50%;
        position: relative;
        left:25%;
        background-color:#a5a1a1;
        opacity: 0.75;
        box-shadow: rgb(141, 140, 140) 4px 0px 50px;
        border-top-left-radius: 1vw;
        border-bottom-right-radius: 1vw;
        margin: 1vh 0;
        
        h1{text-align: center;
            padding:0.5vw;
        
        }
        p{
            padding:2.5vw;
            font-size: 1.2em;
        }

    }
    #headerV2 {
        padding: 2% 0;
        background-color:#CECBCB;
        display:flex;
        justify-content:space-evenly;
        border-bottom: 1px solid black;
        #argomenti{
            img{
                width:20vw;
                border-top-left-radius: 2vh;
                border-bottom-right-radius: 2vh;
            }
        }
        #esint{
            img{
                width:20vw;
                border-top-left-radius: 2vh;
                border-bottom-right-radius: 2vh;
            }
        }
        #esvolti{
            img{
                width:20vw;
                height:25vh;
                border-top-left-radius: 2vh;
                border-bottom-right-radius: 2vh;
            }
        }
        div {
            cursor: pointer;
            padding:1%;
            border:1px solid black;
            border-radius:1vw;
            width:20%;
            transition: background-color 0.4s ease;
            * {
                margin:2.5% 0;
            }
            p {
                text-align:center;
            }
            div{
                color: white;
                cursor:pointer;
                background-color:#45b89d;
                height:5vh;
                width:10vw;
                border-radius:4vw;
                text-align:center;
                line-height: 5vh;
                transition: background-color 0.4s ease;
                border: none;
                margin: auto;
            }
            div:hover {
                background-color: #51e7bd;
            }
        }
        div:hover{
            background-color:#bdbcbcaa;
        }
    }
}