/* Global Styles */
body {
    font-family: Arial, sans-serif;
    background-color: #bfdab4;
    text-align: center;
    margin: 20px;
}

/* Table Styles */
table {
    width: 100%;
}

td {
    padding: 10px;
}

/* Header Styles */
h1 {
    font-size: 48px;
}

h2 {
    font-size: 30px;
    background-color: #88ac79;
}

h3 {
    font-size: 20px;
    text-align: left;
    color: #240000;
}


ul {
    text-align: left;
    color: #170000;
}

/* Paragraph Styles */
p {
    font-size: 20px;
}

/* Image Styles */
img {
    border: 1px solid #000;
}

/* Horizontal Rule Styles */
hr {
    border: 1px solid #000;
}

/* Footer Styles */
footer {
    font-size: 12px;
    background-color: #88ac79;
}

/* Box Shadow Example */
#my-element {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Offset X, Offset Y, Blur Radius, Color */
}

/* Text Shadow Example */
.text-shadowed {
    text-shadow: 2px 2px 2px rgba(1, 1, 3, 1); /* Horizontal Offset, Vertical Offset, Blur Radius, Color */
}

/* Section with Background Image Styles */
#section-with-bg {
    background-image: url('background.png'); /* Replace 'background.jpg' with your background image file */
    background-size: cover; /* Scale the image to cover the entire section */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 10px; /* Add some padding to improve readability */
    color: #fff; /* Set text color to white or a suitable color for contrast */
}


/* Section with Background Image Styles */
#abstractsection-with-bg {
    background-image: url('abstractbackground.jpg'); /* Replace 'background.jpg' with your background image file */
    background-size: cover; /* Scale the image to cover the entire section */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 10px; /* Add some padding to improve readability */
    color: #fff; /* Set text color to white or a suitable color for contrast */
}



/* Section with Background Image Styles */
#othersection-with-bg {
    background-image: url('codebg.jpg'); /* Replace 'background.jpg' with your background image file */
    background-size: cover; /* Scale the image to cover the entire section */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 10px; /* Add some padding to improve readability */
    color: #fff; /* Set text color to white or a suitable color for contrast */
}



/* Section with Background Image Styles */
#othersection-with-bg2 {
    background-image: url('otherbg.jpg'); /* Replace 'background.jpg' with your background image file */
    background-size: cover; /* Scale the image to cover the entire section */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 10px; /* Add some padding to improve readability */
    color: #fff; /* Set text color to white or a suitable color for contrast */
}

/* Main Container Styles */
.main-container {
    display: flex; /* Use a flexbox layout */
}

/* Bio Section Styles */
.bio-section {
    flex: 1; /* Take up 50% of the available space (left side) */
    padding: 20px; /* Add padding for spacing */
}

/* Links Section Styles */
.links-section {
    flex: 1; /* Take up 50% of the available space (right side) */
    padding: 20px; /* Add padding for spacing */
}

/* Link Container Styles */
.link-container {
    display: block; /* Make links block-level elements */
    text-align: center; /* Center-align text */
    margin: 20px; /* Add some margin for spacing */
}

/* Image Styles within Link Containers */
.link-container img {
    width: 350px;
    height: 200px;
}





/* Style for the list of papers */
.paper-list {
    list-style: none; /* Remove default list bullets */
    display: flex; /* Use flexbox to arrange items horizontally */
    flex-wrap: wrap; /* Allow items to wrap to the next line if needed */
}

/* Style for each paper item */
.paper-item {
    width: 50%; /* Each item takes up 50% of the container's width, two items per row */
    display: flex; /* Use flexbox for internal arrangement */
    margin-bottom: 20px; /* Add margin for spacing between items */
}

/* Style for the paper image */
.paper-item img {
    max-width: 100%; /* Ensure the image doesn't exceed its container */
    margin-right: 10px; /* Add margin for spacing between image and text */
}

/* Style for paper titles and blurbs */
.paper-item h3, .paper-item p {
    margin: 0; /* Remove any default margin */
}