html {
    background-image: url("images/back.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

body {
    width: 70%; /* Increased width to better fit modern screens */
    min-width: 640px;
    max-width: 1200px; /* Set a max-width to avoid overstretching on large screens */
    margin: 5% auto;
    padding: 20px 40px; /* Increased padding for a more spacious feel */
    background-color: rgba(255, 255, 255, 0.9); /* Made the background slightly more opaque for better readability */
    border-radius: 10px; /* Rounded corners for a modern touch */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Reduced shadow intensity for a subtler effect */
    font-family: 'Arial', sans-serif; /* Added a generic font family, consider using Google Fonts for more choices */
}

table {
    margin: 30px auto;
    width: 100%; /* Full width within its container */
    border-collapse: collapse;
}

td, th {
    border: 1px solid #69c; /* Reduced border thickness */
    padding: 10px; /* Increased padding for better spacing */
    text-align: left; /* Aligned content to the left */
}

tr:hover {
    background-color: #e3e2e2;
    }

th {
    font-style: italic;
    background-color: #ddd; /* Lightened the header for a more modern look */
    font-weight: bold; /* Made headers bold */
}

nav {
    display: flex;            /* Make the nav a flex container too */
    justify-content: center;  /* Center the links horizontally */
    gap: 10px;                /* Provide gaps between links */
}

/* The rest of your styles for nav a */
nav a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #69c;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

nav a:hover {
    background-color: #487a9d;
}

h1 {
    text-align: center;
    font-size: 40pt;
}


/* If you want to incorporate animations or other advanced effects, consider using CSS3 features or external libraries. */