#home-container {
    background-color: darkseagreen;
    color: #923b3b;
    display: flex;  
    border-radius: 10px;
    justify-content: space-between;  /* The first item is placed at the left end of the container, the last item is placed at the right end of the container, and the items in between are placed evenly spaced */
    align-items: center;  /* Vertically center items */
    text-align: left;  
    padding: 50px;
    border: 3px dashed #923b3b; 
    width: 80%; 
    margin: 20px auto; /* Center the container horizontally with a 20px margin on top and bottom */
    max-width: 600px;

}



#home header {
    margin-bottom: 20px; 
    width: 60%;
    text-align: left;
}


#my_img img {
    width: 200px;  
    height: auto;   
    border: 2px solid #923b3b;  
    padding: 0px;  /
}
@media (max-width: 768px) {
    /* Stack items vertically and center text in smartphone*/
    #home-container {
        flex-direction: column;  
        text-align: center; 
    }

    #home-container #home {
        width: 100%;  
    }

    #my_img {
        width: 100%; 
        flex-direction: column; 
        justify-content: center;
    }

    #my_img img {
        width: 80%; 
        margin-bottom: 20px; /*Vertical spacing between images*/
    }
}

.theme-button {
    border: 1px solid darkseagreen;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 0.9em;
    background-color: #923b3b;  /* Set the background color of the button */
    color: white;  /* Set the text color of the button */
    border-radius: 5px;  /* Round the corners of the button */
    transition: background-color 0.3s ease;
  }