html {
    /* background: linear-gradient(to right, rgba(83,173,156,.70), rgba(104,188,156,.5), rgba(104,188,156,.5), rgba(104,188,156,.5), rgba(104,188,156,.5), rgba(104,188,156,.5), rgba(83,173,156,.70));
    background-color: white;  */
    /* background: radial-gradient(circle, #66E0B5 50%, #00A0D0 200%); 
    background: radial-gradient(circle, color(display-p3 0.369 0.816 0.631) 50%, color(display-p3 0 0.561 0.729) 200%); */
    font-family: "helvetica", sans-serif;
    font-size: 16px;
}

body {
    margin: 0px;
    min-width: 320px;
    /* background: radial-gradient(circle, #66E0B5 50%, #00A0D0 200%); 
    background: radial-gradient(circle, color(display-p3 0.369 0.816 0.631) 50%, color(display-p3 0 0.561 0.729) 200%);     */
    background-color: #00c9a7; 
    background-image: radial-gradient(
        ellipse at center,
        #66E0B5 0%,
        #00d6ad 35%,
        #00c9a7 55%,
        #00b7a2 75%,
        #00A0D0 120%
    );

    background-color: color(display-p3 0.000 0.788 0.655);
    background-image: radial-gradient(
    ellipse at center,
    color(display-p3 0.400 0.878 0.710) 0%,  
    color(display-p3 0.000 0.840 0.678) 35%,  
    color(display-p3 0.000 0.788 0.655) 55%,  
    color(display-p3 0.000 0.718 0.635) 75%,  
    color(display-p3 0.000 0.627 0.820) 120% 
    );
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
}