@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import "cssreset.css";
@import "nav.css";

/* Adjust scroll position for sections targeted by anchor links */
#latest-section {
    scroll-margin-top: 4rem;
}

html {
    scroll-padding-top: 4rem;
}


/* Contact Section Styling */
.contact-section {
    max-width: 900px;
    margin: 100px auto; /* Centers content with spacing from header */
    padding: 20px; /* Adds space around content */
}

.contact-section h1 {
    font-size: 2.5rem;
    font-style: underline;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}

.contact-section p {
    font-size: 2rem; /* Readable paragraph size */
    line-height: 1.8; /* Improves readability */
}

/* Social Media Links Styling */
.social-media-links {
    font-size: xx-large;
    display: flex; /* Aligns icons horizontally */
    justify-content: center; /* Centers the icons */
    gap: 50px; /* Adds spacing between icons */
    padding: 20px; /* Adds space around the icons */
}

.social-link {
    font-size: 50rem; /* Icon size */
    color: #34495e; /* Default icon color */
    text-decoration: none;
    padding:20px
}
.social-link::before {
    margin-right: 10px; /* Adds space between icon and text */
}
.social-link:hover {
    color: #3498db; /* Changes color on hover for interactivity */
}

/* Footer Styling */
.fixed-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: black;
    color: white;
}