@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-text: #fff;
    --color-second-button: #fff;
    --color-second-button-bg: #402096;
    --color-scroll-to-top: #96eec0;
    --color-link: #96eec0;
    --color-accent: #ed6d0c;

    --ff-primary: "Lato", sans-serif;
}

.main-nav__link--current, .main-nav__link:hover {
    color: #ed6d0c;
}

body {
    background: #0d0932;
}

.page-header {
    background: #402096;
}