/* style.css */
html {font-size: 18px; line-height: 1.6; font-family: Arial, sans-serif; color: lightpink;}
body {
    margin: 20px; 
    background-image: url('https://neocities.org/site_thumbnails/30/62/esifashion/bailey-prestigious-textiles-indigo-fabric-4068-705-image01.jpg.210x158.webp'); /* Set your background image path */
    background-size: cover; /* Cover the entire background */
    background-position: center; /* Center the background image */
    text-align: center;
}

h1 {font-size: 10.5em; color: pink;}
a {color: indigo; text-decoration: none;}
a:hover {text-decoration: none;}
p {font-size: 5.2em; margin-bottom: 1em;}
img {max-width: 100%; height: auto; display: block; margin: 20px auto;}
u {text-decoration: underline; color: pink;}
em {font-style: italic;}



.image-container {
    overflow: hidden; /* Hide overflow to prevent the image from going outside the container */
    display: inline-block; /* Allows the container to fit the image */
    border: 2px solid #ddd; /* Optional: adds a border around the image */
    border-radius: 5px; /* Optional: rounds the corners */
}

.image-container img {
    width: 300px; /* Set a fixed width for the image */
    transition: transform 0.3s ease; /* Smooth transition for scaling */
}

.image-container:hover img {
    transform: scale(1.5); /* Scale image to 150% on hover */
}



.round-image {
    width: 200px; /* Set the desired width */
    height: 200px; /* Set the desired height */
    border-radius: 100%; /* Make edges round for circular shape */
    object-fit: cover; /* Ensures the image covers the area without distortion */
}

.rounded-corners {
    width: 300px; /* Set the desired width */
    height: auto; /* Maintain aspect ratio */
    border-radius: 15px; /* Adjust the value for desired roundness */
    object-fit: cover; /* Ensures the image covers the area without distortion */
}