@charset 'UTF-8';

@font-face
{
    font-family: 'Georama';
    src: url('/fonts/Georama.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 50% 200%;
    font-style: normal;
}

@font-face
{
    font-family: 'Georama';
    src: url('/fonts/Georama-Italic.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 50% 200%;
    font-style: italic;
}

@font-face
{
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
}

@font-face
{
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay-Italic.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
}

:root
{
    --f1: 'Georama', sans-serif;
    --f2: 'Playfair Display', serif;
}

body
{
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

body.loading::before
{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.25rem;
    z-index: 1;
    background-image: linear-gradient(90deg, rgb(var(--c1)) 0%, rgb(var(--c2)) 50%, rgb(var(--c1)) 100%);
    background-size: 200% 100%;
    -webkit-animation: animax 1.24s 0s linear infinite;
    -moz-animation: animax 1.24s 0s linear infinite;
    -o-animation: animax 1.24s 0s linear infinite;
    -ms-animation: animax 1.24s 0s linear infinite;
    animation: animax 1.24s 0s linear infinite;
}

@-webkit-keyframes animax
{
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

@-moz-keyframes animax
{
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

@-o-keyframes animax
{
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

@-ms-keyframes animax
{
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

@keyframes animax
{
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

.login
{
    width: min(calc(20vw + 10rem), calc(100vw - 2rem));
}

.fancybox__nav
{
    position: static;
}