/* 

|| General Styles

*/


/* Peace Walker font */
@font-face {
    font-family: peaceWalker;
    src: url("../fonts/Peace Walker.ttf") format("truetype");
    font-style: normal;
}

/* Default font */
@font-face {
    font-family: "M PLUS 1";
    src: url("../fonts/MPLUS1-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Bold font */
@font-face {
    font-family: "M PLUS 1";
    src: url("../fonts/MPLUS1-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}

body {
    margin: 0;

    font-family: "M PLUS 1";
    font-size: 1.2rem;
}

main {
    max-width: 1100px;
    /* min-height: 90vh; */
    margin: auto;
    padding: 5px 20px;

    background-color: #f1f2d8;
    border-left: 2px solid lightgrey;
    border-right: 2px solid lightgrey;

    /* Ensure fonts render consistently across browsers */
    font-synthesis: none;
    text-rendering: geometricPrecision;

}

h1 {
    font-family: peaceWalker;
    font-size: 3rem;
}

table {
    border-collapse: collapse;
    margin: auto;
    table-layout: fixed;
    text-align: center;
}

td, th {
    border: 1px solid black;
    padding: 5px;
}

th {
    background-color: white;
}

/* 

|| Page Contents

*/

/* Table of contents */

.contents {
    max-width: 800px;
    height: fit-content;

    margin: 20px auto;
    padding: 1px 0;

    background-color: white;
}

.contents a {
    color: black;
    text-decoration: none;
}

.contents a:hover {
    text-decoration: underline;
}

/* Links for the Database main page */

.database-links {
    display: flex;
    flex-direction: column;

    font-family: peaceWalker;
    font-size: 2rem;

}

.database-links a {
    width: 100%;
    min-height: 70px;
    border-top: 1px solid black;

    display: flex;
    align-items: center;
    text-decoration: none;
    color: black;
}

.database-links a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

/* Figures */

figure {
    width: 80%;
    margin: 30px auto;
}

figure img {
    width: 100%;
}