body{
        
        background:url("newwbg.PNG") no-repeat center center fixed;
        background-size: cover;
        text-align: center;
        text-shadow:solid black;
        font-family: 'Selvia Genatu', sans-serif; 
        color: rgb(1, 7, 99); /* text color */
                
       
    }
    #title{
        margin-top: 100px;
        line-height: 10px;
        color:rgb(41, 40, 40)
        
    }
    #subtitle{
        opacity:09;
        font-size: 18px;
        margin-bottom:20px;
        margin-top: 10px;
        color:rgb(248, 126, 197)

    }
    #calendarcontainer{
        color:white;
        display: flex;
        justify-content:end;   

    }
    #calendardiv{
        opacity: 0.8;
        background-color:rgb(136, 143, 238);
        border-radius: 10px 10px 20px 20px;
        margin:auto;
        align-content:center;
        text-align: center;
    }
    #calendarHeading{

         border-radius: 10px 10px 0px 0px;
         border:2px solid whitesmoke;
         padding: 0px 20px;
         background-color:rgb(248, 126, 197);
         line-height: 0px;

    }    
    #resetbutton{
        color:white;
        border:1px solid whitesmoke;
        background-color: rgb(248,126,197);
        border-radius:15px;
        border-width:10px;
        font-family: 'Selvia Genatu', sans-serif; 


    }
    #calendarcontent{
        padding: 2px;
        border: 2px solid white
    }

    .days{
        display:flex;

    }
    .day{/*display grid ko search karo or yahan pr wo bhi laga skto ho*/
        width:30px;
        margin:3px;
        padding:10px;
        font-size:15px;
        text-align:center;
        border-radius:20px;
        
        /*background-color :rgb(248,126,197);*/

    }
    @media screen and (min-width: 480px) and (max-width: 768px) {
  body {
    background-color: skyblue;
  }
  
}