/* Apply a sans-serif font globally */
body {
    font-family: Arial, sans-serif;
}

/* Style the main header */
h1 {
    text-transform: uppercase; /* Make text uppercase */
    color: teal; /* Dark teal color */
}

/* Style the subheader */
h2 {
    color: lightcoral; /* Light red color */
}

/* Style the button */
.styled-button {
    background-color: lightskyblue; /* light blue background */
    color: blue; /* blue text */
    border: none;
    padding: 10px 20px; /* Adds spacing inside the button */
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px; /* Rounded corners */
    margin-top: 10px;
    text-decoration: underline; /* Adds underline to text */
}

/* Add padding to the left and right of the button */
.styled-button {
    padding-left: 30px;
    padding-right: 30px;
}

/* Button hover effect */
.styled-button:hover {
    background-color: darkblue; /* Darker green */
    color: white /* white text*/
}

/* Make the image full width */
.full-width-img {
    width: 100%;
    height: auto;
}