/* Reset default browser styles */

    { margin: 0; padding: 0; box-sizing: border-box; }

/* Global styles */
body {
font-family: Arial, sans-serif;
line-height: 1.6;
background-color: #f4f4f4;
}

header {
background-color: #333;
padding: 1rem;
}

nav ul {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

nav ul li {
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}

.artistic-button {
display: inline-block;
padding: 0.5rem 1rem;
background-color: #4CAF50;
color: white;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border: 2px solid #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 0.9rem;
}

.artistic-button:hover {
background-color: #45a049;
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

main {
max-width: 800px;
margin: 2rem auto;
padding: 1rem;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

h1, h2, h3 {
margin-bottom: 1rem;
}

p {
margin-bottom: 1.5rem;
}

ul {
margin-left: 2rem;
margin-bottom: 1.5rem;
}

.cta-button {
display: inline-block;
padding: 0.75rem 1.5rem;
background-color: #2196F3;
color: white;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border: 2px solid #fff;
font-weight: bold;
text-transform: uppercase;
}

.cta-button:hover {
background-color: #1976D2;
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

footer {
text-align: center;
padding: 1rem;
background-color: #333;
color: white;
margin-top: 2rem;
}

/* Media queries for responsive design */
@media screen and (max-width: 600px) {
main {
margin: 1rem;
}

.artistic-button {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
}

}