:root {
    --theme-color: #1199a9;
    --theme-color-dark: #033D47;
    --min-vertical-padding: 80px;
    --viewport-width-px: 1300px;
    --viewport-width: min(100vw, var(--viewport-width-px));
    --absolute-max-render-area: calc(var(--viewport-width-px) - calc(2 * var(--min-vertical-padding)));
    --max-render-area: min(calc(var(--viewport-width) - calc(2 * var(--min-vertical-padding))), var(--absolute-max-render-area));
    --vertical-padding: calc((100vw - var(--max-render-area)) / 2);
    --render-area: calc(100vw - calc(2 * var(--vertical-padding)));
    --header-height: 90px;
}
* {
    box-sizing: border-box;
    font-optical-sizing: auto;
    font-family: "darkmode-on", sans-serif;
    font-weight: 300;
    font-style: normal;
}
strong {
    font-weight: 500;
}
html,
body {
    margin: 0px;
    padding: 0px;
    font-size: 23px;
    color: #fff;
    left: 0;
    position: relative;
    overflow-x: hidden;
    right: 0;
    top: 0;
}
a {
    color: var(--theme-color);
    text-decoration: none;
    font-weight: 400;
}

.button {
    background: linear-gradient(45deg, #00252e00, #00252eff);
    border: 1px solid var(--theme-color-dark);
    border-radius: 10px;
    padding: 10px 20px;
    color: white;
    font-weight: 300;
    font-size: 0.9em;
}