body{background-color: black;}

@media screen and (min-width:768px) {
    body{
        background-color: rgb(250, 198, 226);
    }
}
@media screen and (min-width:840px) {
    body{
        background-color: rgb(159, 230, 252);
    }
}
@media screen and (min-width:920px) {
    body{
        background-color: rgb(185, 106, 98);
    }
}
@media screen and (min-width:1080px) {
    body{
        background-color: rgb(250, 206, 206);
    }
}
@media (max-width: 320px) and (max-width: 480px) {
    p {
        color: white;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    p {
        color: chartreuse;
    }
}

@media (min-width: 769px) and (max-width: 1279px) {
    p {
        color: crimson;
    }
}

@media (min-width: 1280px) {
    p {
        color: aqua;
    }
}

@media (max-width: 768px) {
    p{color: rgb(250, 198, 226);}
}
@media (max-width: 840px) {
    p{color: rgb(159, 230, 252);}
}
@media (max-width: 920px) {
    p{color: rgb(185, 106, 98);}
}
@media (max-width: 1080px) {
    p{color: rgb(250, 206, 206);}
}