@import "_reset.css";

:root {
    
    --primary-font-family: "SuisseIntl-Mono", Courier;
    --secondary-font-family: Times, serif;
}




/* general */

html {
    scroll-behavior: smooth;
  }

body {
    font-size: .8em;
    font-family: var(--primary-font-family);
    line-height: 1.3;
}

a {
    text-decoration: underline;
    color: black;
}

a:hover {
    text-decoration: none;
}
::selection {
    color: var(--secondary-color);
}

.flex-container {
    display: flex;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (max-width: 500px) {
    body {
        font-size: .6em;
    }
}