/* Global Styles */
body {
    background-color: #2e3440;
    color: #eceff4;
    font-family: 'Hyperlegible', sans-serif; /* Use Hyperlegible font */
    font-size: 18px;
    padding: 50px; /* Small margin around the entire page */
}


a {
    color: #81a1c1; /* Light blue color from Nord palette */
    text-decoration: underline; /* Underline for the links */
}

a:hover {
    color: #88c0d0; /* Lighter blue on hover */
    text-decoration: underline; /* Maintain underline on hover */
}

a:visited {
    color: #5e81ac; /* Darker blue for visited links */
}

/* Layout-provided Styles */
h1.title {
    font-size: x-large;
    margin-bottom: 1ex;
    text-align: center;
    color: #ebcb8b;
}

div.author {
    font-size: large;
    margin-top: 1.3ex;
    margin-bottom: 0.7ex;
    text-align: center;
    color: #a3be8c;
}

div.date {
    font-size: large;
    margin-top: 0.9ex;
    margin-bottom: 0.5ex;
    text-align: center;
    color: #b48ead;
}

div.plain_layout {
    text-align: left;
}

h2.section {
    font-weight: bold;
    font-size: x-large;
    margin-top: 1.3ex;
    margin-bottom: 0.7ex;
    text-align: left;
    color: #d08770;
}

div.standard {
    margin-bottom: 2ex;
}

span.info {
    font-family: sans-serif;
}

/* Font linking */
@font-face {
    font-family: 'Hyperlegible';
    src: url('./fonts/Atkinson-Hyperlegible-Regular.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'Hyperlegible';
    src: url('./fonts/Atkinson-Hyperlegible-Bold.otf') format('opentype');
    font-weight: bold;
}

@font-face {
    font-family: 'Hyperlegible';
    src: url('./fonts/Atkinson-Hyperlegible-Italic.otf') format('opentype');
    font-style: italic;
}

@font-face {
    font-family: 'Hyperlegible';
    src: url('./fonts/Atkinson-Hyperlegible-BoldItalic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}