@import "/files/css/font.css";

:root {
        --primary-bg-color-dark: #161718;
        --primary-bg-color-light: #ffffff;
        --primary-bg-color: var(--primary-bg-color-light);
        --primary-fg-color: #122a88;
        --primary-fg-color-inverted: #edd577;
        --primary-text-color: #000000;
        --padding-from-sides: 10px;
}

body {
        color: var(--primary-text-color);
        background-color: var(--primary-bg-color);
        min-height: 100vh;
        font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
        margin-left: var(--padding-from-sides);
        margin-right: var(--padding-from-sides);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        max-width: 1920px;
        margin: auto;
        gap: var(--padding-from-sides);
        font-size: 18px;
        overflow-x: hidden;
}

body>div {
        margin-left: var(--padding-from-sides);
        margin-right: var(--padding-from-sides);
}

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

hr {
        width: 100%;
        color: var(--primary-fg-color);
}

h1 {
        padding-top: var(--padding-from-sides);
        font-size: 40px;
        font-weight: bold;
}

em {
        text-decoration: underline;
}

a:hover {
        opacity: 70%;
}

a:has(img) {
        opacity: 100% !important;
}

iframe {
        box-shadow: 0px 0px 3px var(--primary-fg-color);
}