.a {
    text-align: center;
    background-color: rgb(114, 19, 223);
    color: rgb(183, 238, 248);
}


.text-wrap {
    color: #fbff00;
}

.link {
    font-size: xx-large;
    color: rgb(230, 185, 38);
}

.label {
    font-size: xx-large;
    color: rgb(0, 214, 46);

}

body {
    background: url('https://res.cloudinary.com/dv2qx2p1g/image/upload/v1700055690/%D7%9B%D7%A8%D7%99%D7%9B%D7%94_%D7%A7%D7%93%D7%9E%D7%99%D7%AA_%D7%A1%D7%A4%D7%A8_%D7%A7%D7%9C%D7%A4%D7%99_%D7%A7%D7%A1%D7%9D_%D7%99%D7%95%D7%A0%D7%A7_%D7%94%D7%93%D7%91%D7%A9_upe0no.jpg') left center no-repeat, url('https://res.cloudinary.com/dv2qx2p1g/image/upload/v1700055690/%D7%9B%D7%A8%D7%99%D7%9B%D7%94_%D7%A7%D7%93%D7%9E%D7%99%D7%AA_%D7%A1%D7%A4%D7%A8_%D7%A7%D7%9C%D7%A4%D7%99_%D7%A7%D7%A1%D7%9D_%D7%99%D7%95%D7%A0%D7%A7_%D7%94%D7%93%D7%91%D7%A9_upe0no.jpg') right center no-repeat;
    background-size: 270px; /* Auto size for the background images */
    background-attachment: fixed;
}

button {
    background-color: #4caf50;
    color: #fff;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

button:hover {
    background-color: #45a049;
}

.light {
    color: rgb(206, 235, 44);
}

@media only screen and (max-width: 600px) {
    .a {
        text-align: center;
        background-color: rgb(114, 19, 223);
        color: rgb(74, 235, 136);
    }

    .light {
        color: rgb(206, 235, 44);
    }

    .text-wrap {
        color: rgb(206, 235, 44);
    }
    
    .link {
        font-size: xx-large;
        color: rgb(230, 185, 38);
    }
    
    .label {
        font-size: xx-large;
        color: rgb(0, 214, 46);
    
    }
    
    body {
        background: url('https://res.cloudinary.com/dv2qx2p1g/image/upload/v1700055690/%D7%9B%D7%A8%D7%99%D7%9B%D7%94_%D7%A7%D7%93%D7%9E%D7%99%D7%AA_%D7%A1%D7%A4%D7%A8_%D7%A7%D7%9C%D7%A4%D7%99_%D7%A7%D7%A1%D7%9D_%D7%99%D7%95%D7%A0%D7%A7_%D7%94%D7%93%D7%91%D7%A9_upe0no.jpg') left center no-repeat, url('https://res.cloudinary.com/dv2qx2p1g/image/upload/v1700055690/%D7%9B%D7%A8%D7%99%D7%9B%D7%94_%D7%A7%D7%93%D7%9E%D7%99%D7%AA_%D7%A1%D7%A4%D7%A8_%D7%A7%D7%9C%D7%A4%D7%99_%D7%A7%D7%A1%D7%9D_%D7%99%D7%95%D7%A0%D7%A7_%D7%94%D7%93%D7%91%D7%A9_upe0no.jpg') right center no-repeat;
        background-size: 10px; /* Auto size for the background images */
        background-attachment: fixed;
    }
    
    button {
        background-color: #4caf50;
        color: #fff;
        padding: 10px 15px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
    }
    
    button:hover {
        background-color: #45a049;
    }
}