/* color palette: #1b335f, #ff6bd6, #ffb0fe, #ffecd3 */
/* https://palettes.shecodes.io/palettes/pink/color */

body {
    padding-top: 60px; /* Adjust this value based on your header's height */
	font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	background: linear-gradient(to bottom, #ffb0fe, #ffecd3); /* Pink to white gradient */
}

header {
    background-color: #ffb0fe;
    color: white;
    text-align: center;
    padding: 10px 0;
	position: fixed; /* Fixed positioning */
    top: 0; /* Align to the top */
    width: 100%; /* Ensure it stretches across the full viewport width */
    z-index: 1000; /* Ensure it stays on top of other elements */
}

header nav ul li a {
    color: #1b335f; /* Change to your desired color */
    text-decoration: underline;
}

header nav ul li a:hover {
    text-decoration: none;
}


nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: white;
}

section {
    padding: 20px;
    text-align: center;
}

footer {
    background-color: #ffecd3;
    color: #1b335f;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
	height: 20px; /* Set your desired height */
}

.centered-list {
    text-align: center; /* Center the div */
}

.centered-list ul {
    display: inline-block; /* Allows the list to be centered as one block */
    text-align: left; /* Align text to the left within the block */
    list-style-type: disc; /* Ensure bullet points are visible */
    padding-left: 20px; /* Add some padding to maintain bullet point visibility */
}