/* body {
    background-color: powderblue;
} */

li a {
    color: green;
}

.main {
    width: 100%;
    max-width: 600px;
}

.logo {
    max-width: 150px; /* Adjust based on your logo size */
    height: auto;
}

h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 32px;
    font-weight: 700; /* Bold for title */
    margin: 10px 0;
    color: #000;
}

h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 400; /* Regular for subheading */
    margin: 5px 0;
    color: #000;
}

li a {
    color: green;
}

.myButton {
	background-color:#b40a65;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #b40a65;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:20px 31px;
	text-decoration:none;
	align-items: center;
    justify-content: center;
	margin-top: 20px;
}
.myButton:hover {
	background-color:#b40a65;
}
.myButton:active {
	position:relative;
	top:1px;
}

@media (max-width: 600px) {
    h1 {
        font-size: 24px;
    }
    h2 {
        font-size: 18px;
    }
    .myButton {
        font-size: 16px;
        padding: 15px 25px;
    }
}