@import url('article.css');
@import url('homepage.css');
@import url('normalize.css');
@import url('font.css');
@import url('overlay.css');
@import url('filters.css');
@import url('menu.css');
@import url('splide.min.css');
@import url('splide.css');

:root{
    --margin-sm: 10px;
    --margin-md: calc(var(--margin-sm) * 2);
    --margin-lg: calc(var(--margin-sm) * 4);
    --lightgrey: #E7E7E7;
    --fs-main: 15px;
    --lh-main: 23px;
    --fs-small: calc(var(--fs-main) * 0.8);
    --lh-small: calc(var(--lh-main) * 0.8);
    --button-padding: 0.3ch 0.5ch 0 0.5ch;
    --color-1: #E1915DF7;
    --color-2: #dfae8cde;
    --color-orange: #CCC5B9;
    --color-blue: #78C5F6;
    --color-green: #BDBDF7;
}

@media (min-width: 1000px){
    :root{
        --fs-main: 20px;
        --lh-main: 28px;
    }
}
html, body{
    scrollbar-color: var(--color-1) var(--color-2);
    overflow-x: hidden;
}
body{
    font-size: var(--fs-main);
    line-height: var(--lh-main);
    font-family: 'retroflex-regular';
    letter-spacing: 0.1px;

}

#content{
    width: 100dvw;
    height: 100dvh;
    overflow: auto;
}

h1{
    font-size: calc(var(--fs-main) * 2);
    line-height: calc(var(--lh-main) * 1.75);
}

h2, h3, h4, h5, h6, blockquote{
    font-size: calc(var(--fs-main) * 1.5);
    line-height: calc(var(--lh-main) * 1.5);
}

strong{
    font-family: 'retroflex-bold';
}