body{
    /* 🌾 Background color sets the page theme. */
    background-color: rgb(138, 100, 3);
}

.container{
    /* 📦 The container groups content into a centered block. */
    width: 75%;
    background-color: black;
    border: 2px solid ivory;
    min-height: 100px;
    padding:20px;
    margin: 20px auto; 
    color:ivory;
    font-family: Arial, Helvetica, sans-serif;
    font-size:x-large;
    border-radius: 20px;
    overflow:auto;
}

/* 🖼️ This styles every image inside a container. */
.container img{
    width: 20%;
    margin: 20px;
    padding: 20px;
    background-color: rgb(235, 224, 159);
    border: 10px solid rgb(47, 4, 4);
}

.left{
    /* 📍 float places the image to the left of the text. */
    clear:both;
    float:left;
}