body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #a6a6a6; /* Pastel background color */
}

header {
    background-color: #a6a6a6; /* Pastel blue header background color */
    text-align: center;
    padding: 20px;
}

.logo {
    
    width: 800px;
    max-width: 100%;
    
}

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

.links {
    list-style: none;
    padding: 0;
}

.links li {
    margin-bottom: 10px;
}

.links a {
    display: block; /* Make links block-level elements */
    width: 100%; /* Make buttons stretch the entire width */
    padding: 15px 0; /* Adjusted padding for a bit longer buttons */
    background-color: #f3811e; /* Pastel green link background color */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}


.links a:hover {
    background-color: #e74c3c; /* Darker red on hover */
}