/* Change 1: Custom background color for body */
body {
    font-family: Arial, sans-serif;
    background-color: #f0f4f8; /* Light blue background */
    color: #333;
    margin: 20px;
}

/* Change 2: Style the main heading */
h1 {
    text-align: center;
    color: #1a73e8; /* Blue color */
}

/* Change 3: Tabs header background and hover effect */
.ui-tabs .ui-tabs-nav li a {
    background-color: #ffffff; /* White background */
    color: #1a73e8; /* Blue text */
    font-weight: bold;
}

.ui-tabs .ui-tabs-nav li a:hover {
    background-color: #1a73e8; /* Blue on hover */
    color: #ffffff; /* White text on hover */
}

/* Change 4: Tab panel styling */
.ui-tabs .ui-tabs-panel {
    background-color: #ffffff;
    border: 2px solid #1a73e8;
    padding: 20px;
    min-height: 150px;
}

/* Change 5: Social media thumbnails spacing */
.social-links a {
    margin-right: 10px;
}

/* Optional additional change: links color */
a {
    color: #1a73e8;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}