Довольно странно писать css код в html
Ну для начала рекомендую проверить наличие нужного мета-тега в head страницы:
<meta name="viewport" content="width=device-width, initial-scale=1">
У вас не верный синтаксис: тег, для которого будут применяться стили, должен входить в фигурные скобки медиа-запроса, ваш код должен выглядеть вот так:
<style id="R8639" disabled="false" media="screen and (min-width:0px) and (max-width:222px)"> {body { background-color: hsl(65,20%,70%); }} </style>
<style id="R6021" disabled="false" media="screen and (min-width:223px) and (max-width:4000px)"> {body { background-color: hsl(285,20%,70%); }} </style>
И всё-таки настоятельно рекомендую писать код стилей, особенно медиа-запросы, в css файлах.
@media screen (min-width: 0px) and (max-width: 222px) {
body {
background-color: hsl(65,20%,70%);
}
}
@media screen (min-width: 223px) and (max-width: 4000px) {
body {
background-color: hsl(285,20%,70%);
}
}