body {
    margin: 0;
    padding: 0;
    background: rgb(27,156,184);
    background: linear-gradient(0deg, rgba(27,156,184,1) 0%, rgba(27,156,184,1) 57%, rgba(5,210,234,1) 100%);
}

.gradient-container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: rgb(5,210,234);
    background: linear-gradient(0deg, rgba(5,210,234,1) 0%, rgba(27,156,184,1) 67%, rgba(27,156,184,1) 100%);

    text-align: center;
}

.content-container {
    text-align: center;
    color: #ffffff;
    padding: 20px;
    width: 100%;
}

.color-container {
    background: #15788E;
    width: 85%;
    align: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

h1 {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

img {
    max-width: 100%; /* Make the image responsive */
    height: auto; /* Maintain the aspect ratio */
}