body{
    background-color: rgb(233, 228, 228);
}



.card{
    margin-left: 5rem;
    margin-right: 4rem;
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    background-color: white;
    
}

.card p{
    font-size: 11px;
    margin-left: 1rem;
    text-align: justify;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.card h1{
    margin-top: 2rem;
    color: #1b0b5e;
    margin-left: 2rem;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.card h2{
    margin-left: 2rem;
}
.card .picture img{
    width: 300px;
    margin-top: 9rem;
   height: 400px;
    margin-left: 1rem;
}
#close {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
}