body {
    background-color: #121212;
    color: #e0e0e0;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.outer-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main {
    flex: 1;
    display: flex;
    justify-content: center; /* Vertically centers content */
    align-items: center;     /* Horizontally centers content */
    margin-bottom: 15px;
}
    
/* ------------------ Footer ------------------  */
footer {
    /*position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;*/
    padding: 20px;
    text-align: center;
}

/* --------- Center Picture and Icons ------------------ */
.container {
    /*text-align: center;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
.profile-pic {
    margin-top: 20px;
}
.profile-pic img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}
.social-icons {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.social-icons a {
    margin: 0 10px;
}
.social-icons img {
    width: 30px;
    height: 30px;
}


/* ------------------ Projects HTML page ------------------ */
content {
    border: 1px solid white; /* 1px white border */
    border-radius: 10px; /* Rounded corners */
    padding: 0px 20px 20px 30px; /* Space inside the border */
    max-width: 600px; /* Maximum width for content */
    margin: 0 auto; /* Center the content */
}
h2 {
    text-align: center; /* Center the header */
    margin-bottom: 20px;
}
ul {
    list-style-type: square; /* Remove default bullets */
    padding-left: 0; /* Remove default padding */
}
ul li {
    margin-bottom: 10px; /* Space between items */
}
ul li a {
    color: white; /* Force links to be white */
    text-decoration: none; /* Remove underline */
}
ul li a:hover {
    text-decoration: underline; /* Underline on hover */
}