body {
    background-color: dodgerblue;
    text-align: center;
    scroll-padding-top: 30px;
   
}
h1 {

    color: crimson;
}

p {
    color: white;
}
div {
    background-color: blue;
    max-width: 400px;
    max-height: 500px;
    border: 3px solid rgb(red, rgb(255, 255, 255), blue);
    border-radius: 10%;
    padding: 20px;
    margin: 20px;
    float: left;
    height: 500px;

}

div img {
    max-width: 80%;
    max-height: 300px;
}

#lightbox{
    width: 100%;
    height: 100%;
        max-width: 100%;
    max-height: 100%;
    position: fixed;
    top: 0%;
    left: 0%;
    margin: 0%;
    border: none;
    border-radius: 0%;
    background-color: rgba(137, 43, 226, 0.521);
    display: none;
}