@charset "UTF-8";

/*!
 * Web Fonts from Fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2020 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Typetype
 * License URL: https://www.fontspring.com/licenses/typetype/webfont
 */

 @font-face {
    font-display: swap;
    font-family: "TT Norms";
    src: url("../../fonts/tt_norms_pro_regular-webfont.woff2") format('woff2'),
         url("../../fonts/tt_norms_pro_regular-webfont.woff") format('woff');
}

@font-face {
    font-display: swap;
    font-family: "TT Norms";
    font-weight: 700;
    src: url('../../fonts/tt_norms_pro_demibold-webfont.woff2') format('woff2'),
         url('../../fonts/tt_norms_pro_demibold-webfont.woff') format('woff');
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

html,
body, p, blockquote, figure,
h1, h2, h3, h4, h5, h6, hr,
ul, ol, li, dl, dd,
img, fieldset, legend,
table, caption, tr, th, td {
    margin: 0;
    padding: 0;
}

img, iframe, fieldset {
    border: 0;
}

input, button, select, textarea {
    font: inherit;
    font-size: max(1em, 16px);
}
/* --- end of reset --- */

html,
main a:hover,
main a:focus {
    background-color: #f5f5f5;
    color: rgb(61, 59, 60);
}

html {
    font: 100%/1.4 "TT Norms", system-ui, sans-serif;
    font-synthesis: none;
    text-align: center;
}

body {
    margin: 2.5rem auto;
    max-width: 42.5rem;
    width: 90%;
}

body > * + * {
    margin-top: 2.5rem;
}

header,
footer > ul {
    display: flex;
    gap: 1rem;
}

header {
    align-items: center;
    flex-direction: column-reverse;
}

footer > ul {
    justify-content: center;
}

main li + li {
    margin-top: 1rem;
}

main a {
    background-color: rgb(61, 59, 60);
    border: 0.125rem solid transparent;
    color: #f5f5f5;
    display: block;
    padding: 1em;
    text-decoration: none;
    transition:
        color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99),
        border-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99),
        background-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99);
}

main a:hover,
main a:focus {
    border-color: rgb(61, 59, 60);
}

h1 { font-size: 1rem; }
ul { list-style: none; }
a { color: currentcolor; }