@import url("/templates/global.css");
@font-face {
    font-family: 'Francois One';
    src: url('francois-one.woff2');
}

body {
    background-color: black;
}

.t-primary-bgcolor {
    background-color: #333;
}

a {
    color: #e84747;
}

.header {
    width: 100%;
    background-color: white;
    margin-bottom: 24px;
}

.main {
    border: 1px solid #ddd;
    box-shadow: 0 0 4px #ddd;
    width: 1200px;
}

.logo__wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 8px;
}

.nav__wrapper {
    width: 100%;
    background-color: #333;
}

.header__nav {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.header__nav a {
    padding: 24px;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Francois One', Arial, Helvetica, sans-serif;
    transition: all 0.1s ease-out;
    color: white;
    margin-right: 1px;
}

.header__nav a:hover {
    text-decoration: none;
    background-color: #e84747;
}