/* social.css */

/* Importing the main styles */
@import url('style.css');

/* Custom styles for the social page */

/* Header styles */
header {
    background-color: #4267B2; /* Facebook blue */
}

/* Navigation styles */
nav {
    background-color: #8B9DC3; /* Lighter Facebook blue */
}

nav ul li a {
    color: #fff;
}

nav ul li a:hover {
    color: #D8DDE8; /* Lightest Facebook blue */
}

/* Main content styles */
main {
    background-color: #fff;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

/* Section styles */
section#social {
    margin-top: 20px;
}

section#social h2 {
    color: #4267B2; /* Facebook blue */
}

/* Footer styles */
footer {
    background-color: #4267B2; /* Facebook blue */
}