*{
    box-sizing:border-box;
}
body{
    background:whitesmoke;
    font-family:'Times New Roman', Times, serif;

}
p{
    font-size:25px;
    color:black;
  
    padding:50px;
    margin: 50px;
}

h1{
    font-size:50px;
    color:plum;
    text-align:center;
    
    font-family: 'Times New Roman', Times, serif;
    font-weight: normal;
    font-style: normal;
    padding:10px;
    margin: 10px;
    text-align:center;
    position:center;
 
   
    
 
}

h2{
  
    color:palevioletred;
    font-size:20px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: normal;
    font-style: normal;
}

.special{
    position:relative;
     padding:30px;
     text-align:center;
 }
 
.dropdown {
    position: relative;
   display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
  }


.dropdown:hover .dropdown-content {
    display: block;
  }

  



img{
    max-height:100%;
    max-width:100%;
    
  
}


.grid{
    display:flex;
    flex-wrap:wrap;

}

.item{
    width:50%;
   /* border:1px solid;*/
    height:400px;
    text-align: center;
    padding:40px;
    display:flex;
    flex-direction: column ;
    align-items: center;
    justify-content: center;
}