@media (orientation: landscape){

   body{

    background-color: brown;

   }
}
@media (orientation: portrait){

   body{

    background-color: blue;

   }
}

div{
    width: 50%;
    height: 100px;
    background-color: aqua;
}

div:hover{
    background-color: blue;
}