/* style.css */



.background-image {
    position: fixed;
    z-index: -1;
    background-size: cover;
}

.fl1{
    padding: 10px;

    text-align: center;
    width: 150px;

    background-color: rgb(223, 223, 223);
    opacity: 0.6;

}

.gallery{

    display: inline-block;

    border: 2px solid hsl(0, 0%, 60%);

    margin: 5px;

    width: 200px;

    

}

.gallery .description{

    padding: 10px;

    text-align: center;
    font-weight: bold;

    background-color: rgb(223, 223, 223);
    opacity: 0.6;

}

.gallery:hover{

    border: 3px solid hsl(0, 0%, 20%);

}

.gallery img{

    width: 100%;

    height: auto;

}

.gallery2{

    display: inline-block;

    border: 1px solid hsl(0, 0%, 60%);

    margin: 5px;

    width: 200px;

}

.gallery2 .description{

    padding: 10px;

    text-align: center;

}

.gallery2:hover{

    border: 1px solid hsl(0, 0%, 20%);

}

.gallery2 img{

    width: auto;

    height: 50px;

}