:root{
    --blue: #1DA0E4;
    --black: #070707;
    --Lemonada: Lemonada;
    --Lato-Italic: LatoItalic;
}
    .mainWrapper{
        display: flex;
        background-image: url(img/Limo/Limo-bcg-1920.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
        .wrapperLeft{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
            background-color: hsla(0, 0%, 3%, 0.5);
        }

        .wrapper{
            background-color: hsla(0, 0%, 3%, 0.8);
            width: 20vw;
            min-width: 400px;
            display: flex;
            display: flex;
            flex-direction: column;
            border-radius: 2em;
            margin: 2em;
            transition: 0.4s;
            box-shadow: white 1px 1px 10px;
        }
            .wrapper>img{
                max-height: 200px;
                border-top-left-radius: 2em;
                border-top-right-radius: 2em;
            }
            details{
                padding: 1em;
                font-family: var(--Lato-Italic);
                color: white;
            }
            summary{
                font-family: var(--Lemonada);
                text-align: center;
                color: white;
                text-align: center;
            }

    .Hero{
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(img/Limo/Hero-bcg.jpg);
        background-position: center;
        background-size: cover;
        font-family: var(--Lemonada);
        color: white;
        text-shadow: 2px 2px 2px var(--black);
    }
        .Hero>h1>span{
            color: var(--blue);
        }