@import url('https://fonts.googleapis.com/css2?family=Flamenco:wght@300;400&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --off-white: #fafafa;
    --light-gray: #e5e5e5;
    --gray: gray;
}
body {
    background-color: var(--off-white);
    font-family: 'Space Mono';
    /* font-family: 'Flamenco'; */
    font-style: italic;
    /* font-size: 1.25rem; */
    position: relative;
    min-height: 100vh;
    margin: 0;
}
h1, h2, h3 { 
    font-weight: 100; 
}

button {
    font-family: inherit;
}

/* TABLES */
table.table-border, table.table-border > thead > tr > th,  table.table-border > tbody > tr > td { border: 1px solid; }
th { padding: .5rem; }
td { padding: .3rem; }

blockquote { 
    padding: .5rem; 
    background-color: var(--light-gray); 
}

nav {
    
}

nav a {
    
}

nav a:first-of-type {
    font-family: initial;
    font-style: normal;
    font-size: 1.25rem;
}

.container { 
    max-width: 640px; 
    margin: auto; 
    padding-bottom: 100px; 
    padding: 1rem;
    padding-bottom: 3rem;
}
.img-txt { 
    margin: 0; 
    text-align: center; 
    color: var(--gray); 
}

.title-date { 
    font-size: 1rem; 
    color: var(--gray); 
}
.copyright { 
    text-align: center; 
    font-size: 1rem; 
    font-weight: 100; 
    margin: 0;
}

footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-top: 40px;
}

/* forms */
select, textarea, input, button { 
    font-family: inherit; 
    font-style: inherit;
}

/* utils */
.m-0 {margin: 0}
.mt-0 {margin-top: 0}
.mb-0 {margin-bottom: 0}
.strikethrough {text-decoration: line-through;}
.text-center {text-align: center;}
.text-gray {color: var(--gray)}