body{

width: 100%;

height: 100%;

margin: 0px;

padding: 0px;

background: black;

font-family: Verdana, Geneva, Tahoma, sans-serif;

}



.picture-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

justify-items: center;

grid-gap: 5px;

grid-row-gap: 0px;

}



.grid-box img {

    width: 100%;

}





p {

    text-align: center;

}







.navbar ul{

    list-style: none;

    background: transparent;

    padding: 0;

    margin: auto;

    overflow: hidden;

    text-align: center;



 

}





.navbar li{

    display: inline-block;



}





.navbar a{

    float: left;

    text-align: center;

    color:rgb(53, 53, 53);

    padding: 5px 45px;

    text-decoration: none;

    width: 100px;

    display: block;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    

 

    

    

 

}

.navbar a:hover{

    background: rgb(0, 255, 64);

    color: rgb(53, 53, 53);

    

    



}



footer {



    text-align: center; 

    padding: 35px;  

    display: block;

    

}