/*
 * National Front Page Style Sheet
 * Created automatically by the system
 * Last modified: 2023-10-05
 *
 * This file contains the CSS styles for the national front page.
 * It includes global styles and specific styles for different sections.
 */

/* Global styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

header {
    background-color: #3498db;
    color: white;
    padding: 1rem;
    text-align: center;
}

main {
    padding: 2rem;
}

footer {
    background-color: #2ecc71;
    color: black;
    text-align: center;
    padding: 1rem;
}

/* Section-specific styles */
section#news {
    background-color: #f1c40f;
    color: #333;
}

section#about {
    background-color: #2a6cb6;
    color: #fff;
}

section#contact {
    background-color: #e74c3c;
    color: #fff;
}

/* Responsive design */
@media (max-width: 600px) {
    header {
        padding: 0.5rem;
    }

    main {
        padding: 1.5rem;
    }
}

/* Additional styles */
button {
    background-color: #2ecc71;
    border: none;
    color: white;
    cursor: pointer;
}

button:hover {
    background-color: #27ae60;
}

/* Reset styles */
* {
    box-sizing: border-box;
}

/* Hide default borders */
::-webkit-scrollbar {
    display: none;
}

/* Add some spacing between elements */
.section {
    margin-bottom: 2rem;
}