@font-face {
    font-family: pslcd;
    src: url('../font/NP Happy new year_r.ttf');
    font-weight: bold;
}
body{
    text-align: center;
    background-color:  #EAA444;
    
 
}
#mdiv{
    text-align: left;
    margin: auto;
    width: 1000px;
    background-color: white;
    
    
}
#mul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-style: groove;
    border-width: 6px;
    background-color:  #0080C0;
    
}
#mli {
    float: left;
}

#mli a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#mli a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

#mli.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}
#dva{
    display: inline-table;
    float: left;
    background-color: white; 
    width: 700px;
    
}
#dvb{
    text-align: center;
    display: inline-table;
    float: left;
    background-color: white; 
    width: 300px;
}

#p.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    /*float: left;*/
    float:  left;
    width: 300px;
    display: block;
}

#p.gallery:hover {
    border: 1px solid #777;
}

#p.gallery img {
    width: 100%;
    height: auto;
}

#p.desc {
    padding: 15px;
    text-align: center;
    background-color: maroon;
    color: white;
}
.textwrap{
    float: right;
    margin: 10px;
    clear:  both;
    
}
.textl{
    float: left;
    margin: 10px;
    clear:  both;
    
}