/**** BASICS ****/

    body {
        margin: 0;
        background-image: url(/backgrounds/oldweb.jpg);
        background-color: darkolivegreen;
    }

/**** MAIN CONTENT ****/

    .grid {
        margin-bottom: 50px;
    }

    .grid img {
        float: left;
        margin: 5px;
    }

   .wrapper {
        line-height: 2em;
    }
   
   .gallery img {
     height: 200px;
     width: 200px;
    }
   
   figure {
        width: 200px;
    }

    figure img {
        width: 100%;
    }

    figure img:hover {
        transform: translateY(-5px);
    }

    figure figcaption{
        border: black 1px solid;
        text-align: center;
        padding: 8px 4px;
        background-color: aliceblue;
        margin-top: 15px;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
        margin-left: 75px;

    }

    img {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    p {
      line-height: 2em;
    }