body {
                background-color: orangered;
            }


.test {
    background-color: turquoise;
    height: 800px;
    width: 100px;
}
    
@media screen and (min-width: 800px ) {
    body {
    background-color: #FE28A2;
    }
    .test {
    background-color: #28FE84;
    height: 600px;
    width: 100px;
    }
}


@media screen and (min-width: 1000px) {
    body {
    background-color: blue;
    }
    .test {
    background-color: orange;
    height: 400px;
    width: 100px;
    }
}
@media screen and (min-width: 1500px) {
    body {
    background-color: darkgreen;
    }
    .test {
    background-color: royalblue;
    height: 200px;
    width: 100px;
    }
}