@layer default, theme, custom;

@layer custom {
    #servizi {
        background-image: url("../graphics/wheel.svg"),
        linear-gradient(to top, #d5fdfb 0%, #eef1f5 100%);
        background-size: 100vw, 100%;
        background-repeat: no-repeat;
        background-position: 40vw -55vw, 0 0;
        background-blend-mode: color-dodge;
    }
}

@layer theme {
    #contattaci {
            color:white;
    }
}

@layer default {
    #contattaci {
        background-image: linear-gradient(to bottom,rgb(255 255 255 / 50%),rgb(0 0 50/ 70%)),
        url("../assets/squaredbgpurple.webp");
        .field {
            min-width:60rem;
        }
    }
    #servizi {
        display:flex;
        gap:3rem;
        flex-direction:column;
        > h1{
            text-shadow: rgb(150, 150, 150) 5px 5px 5px;
            text-align:center;
            }
    }
}