@font-face {
    font-family: Montserrat;
    src: url(../general-font/Montserrat.ttf);
}

@font-face {
    font-family: MavenPro;
    src: url(../general-font/MavenPro.ttf);
}


/* Default styles for common HTML elements (tag name as selectors) */
body, html {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Needed for flash messages sliding in */
}

* {
    /* border-box specifies that the borders and padding should be attributed to element's width
    and height and not overflowing to the parent.
    https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing */
    box-sizing: border-box;
    font-family: MavenPro, CenturyGothic, Geneva, AppleGothic, sans-serif;
    /*letter-spacing: 2px;*/
}

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

h2, h1, h3 {
    color: black;
    /*text-shadow: 0 0px 5px rgba(255, 255, 255, 0.4);*/
    font-family: Montserrat, Helvetica, sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 3em;
}

h2, h3 {
    /*Same weight than retter-in-der-not.org*/
    font-weight: 400;
}

h2 {
    /*Same size than retter-in-der-not.org*/
    font-size: 36px;
}

h3 {
    font-size: 1.5em;
}

a:hover:where(:not(a.currently-editable):not(nav a)) {
    /*text-shadow: 0 0 1px black;*/
    /*font-weight: bold;*/
    /*text-decoration: none;*/
    text-decoration: underline;
    /*font-weight: 500;*//*The issue with making text bold is that it expands the container the link is in*/
}


@media (min-width: 961px) {

    /*Scrollbar*/
    ::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        border-radius: 20px;
        background: #dcdcdc;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #a1a1a1;
        border-radius: 20px;
    }
}