media.css

h1{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: center;

}
h5, h4, h3, h2{
    text-align: center;
    font-size: 30px;
    display: none;

}
img{
    margin: auto;
    width: 20%;
    display: block;
}

/*---------Mobile View-----*/

@media (max-width:500px){
body{
    /*backgroung:linear-gradient(45deg,green,black,blue); */
    background: lightcoral;
}
h5{
    display: block;
}
p{
    color: white;
}

}


/*----Tablet View-------------*/

@media(min-width:501px) and (max-width:800px){
    body{
        background: lightgreen;

    }
    h4{
        display: block;
    }
    p{
        color: red;
        font-size: large;
    }
}
/*--------laptop view------*/
@media (min-width:801px) and (max-widt::1200px){
    body{
        background: violet;
    }
    h3{
        display: block;

    }
    p{
        color: teal;
        font-size: large;
    }
}










/*--------x-large--------*/
@media (min-width:1200px){
    body{
        background: orchid;
    }
    h2{
        display: block;
    }
    p{
        font-family: Georgia, 'Times New Roman', Times, serif;
        color: red;
        font-size: 2rem;
    }
}