@media screen and (min-width: 400px) {
    body{
        background-color: rgb(40,60,80);
    }
    
}

@media screen and (max-width: 800px) {
    h1{
        text-align: center  ;
    }
    
}

@media screen and (orientation: portrait) {
    article{
        max-width: 50ch;
    }
    
}

@media screen and (max-height: 200px)  {
    h1{
        background-color: red;    
    }
    
}

@media print {
    p{
        font-family: serif;
    }
    
}
@media (prefers-color-scheme: light) {
    article{
      background: #ddd;
      color: #111;
    }
}

@media screen and (hover: none) {
    a{
      background-color: #212;
      padding: 2px 5px ;
    }
  }

@media screen and (min-width: 800px) and (max-width: 900px){
    figure{
        display:none;
    }
    
}

@media screen and (min-width: 200px) and (max-width: 400px){
    img{
        height: 400px;
        object-fit: cover;
    }
    
}

@media (min-resolution: 2dppx) {
    article {
      background-color: #667;  
      text-decoration: underline;
    }
  }