@font-face {
    font-family: 'Newsreader-backup';
    src: url(../fonts/Newsreader/Newsreader_24pt-Regular.ttf);
}
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

:root{
    
    /*colors*/
    --color-background: #f0f0f0;
    --color-accent-darker: #172b1d;
    --color-accent-dark: #274932;
    --color-accent: #336042;
    --color-accent-light: #49895f;
    --color-accent-extra-light: #c4d9c2;
    --color-accent-strong: #14b349;
    --color-accent-transparent: #c4d9c28a;
    --color-subtle: #f3f0e0;
    --color-text-primary: #111111;
    --color-text-secondary: #282828;
    --color-text-light: #fafafa;
    --color-text-light-secondary: #d1d1d1;
    --color-window: #f6f6f6;
    --color-window-dark: #e0e0e0;
    --color-button-light: #e8e8e8;
    --color-button-booking: #006CE4;

    /*fonts*/
    --font-primary: 'Noto Serif',serif;
    --font-secondary: 'Roboto', sans-serif;

    /*shadow*/
    --shadow-nav: 0 2px 12px rgba(0, 0, 0, 0.18);
    --shadow-window: 0 0 12px rgba(0, 0, 0, 0.28);

    /*typography*/
    --typo-h1: 2.3rem;
    --typo-h1-mobile: 1.6rem;
    --typo-h2: 1.7rem;
    --typo-h2-mobile: 1.3rem;
    --typo-h3: 1.2rem;
    --typo-h3-mobile: 0.85rem;
    --typo-p: 1rem;
    --typo-p-mobile: 1.1rem;
    --typo-footer: 0.8rem;
    --typo-footer-mobile: 0.6rem;
    --spacing-default: 1px;
    --spacing-normal: 2px;
    --spacing-normal-mobile: 1px;
    --spacing-medium: 6px;
    --spacing-medium-mobile: 3px;
    --lineheight-mobile: 1.3rem;
    --lineheight-normal: 1.8rem;
    --lineheight-medium: 4.2rem;

    /*animation*/
    --anim-200ms: 200ms;
    --anim-350ms: 350ms;
    --anim-500ms: 500ms;
    --anim-carousel: 1800ms;
}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    display: block;
    overflow-x: hidden;
    font-family: var(--font-primary);
}
main{
    padding-top: 50px;
}
img{
    user-select: none;
}