/* General and root CSS */

:root {
    font-family: "Poppins", sans-serif;
    font-size: 16px;

    --title-font-size: 36px;
    --subtitle-font-size: 20px;

    --primary: #191919;
    --secondary: #FB8B24;
    --third: #9E2A2B;
    --background: rgb(239,239,239);
    --light-gray: #a7a7a7;

    --page-width: min(100vw, 800px);
}

* {
    font-weight: 300;
    margin: 0;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    width: 100%;
    height: 100%;
    background-color: var(--background);
}

a {
    text-decoration: none;
}

/* Navigation Bar CSS */

.navbar {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 4rem;
    padding-inline: min(4rem, 4vw);
    background-color: var(--primary);
}

.logo-image {
    height: 2.8rem;
}

.logo {
    color: var(--secondary);
    font-size: 1.2rem;
}

@media screen and (max-width: 500px) {
    .logo {
        display: none;
    }
}

.navbar-pages {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: end;
}

.navbar-pages a {
    color: var(--secondary);
    width: 3rem;
    text-align: center;
    padding-inline: 1rem;
    padding-block: 0.5rem;
    transition-duration: 0.2s;
}

.navbar-pages a:hover {
    color:var(--background);
    transition-duration: 0.4s;
}

/* Page's elements CSS */

.frame {
    position: relative;
    width: var(--page-width);
    margin-inline: auto;
    align-content: top;
    overflow: hidden;
}

.frame p {
    margin-block: 3rem;
    padding-inline: 3rem;
    text-align: justify;
}

.frame .ptitle {
    font-size: 18px;
    font-weight: bold;
    text-align: left !important;
    /*color: var(--secondary);*/
}

.bkwrapper {
    background-color: var(--primary);
}

.center-message {
    width: 100%;
    margin-block: 4rem;
    font-size: var(--subtitle-font-size);
    text-align: center;
}

/* Additional general CSS */

.footnotes {
    font-size: 0.8rem;
}