@media (min-width: 400px){
body {
    background-color: rgb(40,60,80);
}
}
@media (max-width: 800px){
h1{
    text-align: center;
}
}
@media (operation:landscape){
    article{
        max-width: 50ch;
    }
}
@media (min-height: 201px){
    h1{
        background-color: red;}
}
@media print{
    p{
        font-style: serif;}
}
@media (prefers-color-scheme: light) {
    body,h1{
        color:#111;
        background-color:#DDD;
    }
}
@media screen and (hover:none) and (pointer:coarse){
    a{
        background-color:#212;
        weidth: 2px 5px;
    }
}
@media screen and (min-width:800px) and (max-width:900px){
  img{
        display:none;
  }
}
@media screen and (min-width:200px) and (max-width:400px){
   img{
        height:400px;
        object-fit: cover;
   }
}
@media (min-resolution: 2.1dppx) {
  article {
    background-color: #667;
}
}