@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital,wght@0,300..700;1,300..700&display=swap');

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

@font-face {
    font-family: 'Syne';
    src: url('../fonts/Syne-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Syne';
    src: url('../fonts/SyneTactile-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Hershey';
    src: url('../fonts/Hershey-Noailles-Futura-Duplex-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Hershey';
    src: url('../fonts/Hershey-Noailles-Futura-Duplex-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


:root{
/*Margin variables*/
--marginNormal: 20px;  
--marginBig: var(--marginNormal) *2;  
--marginSmall: var(--marginNormal) /2;
--pageMargin: 36px;
--pageMarginMobile: 20px;

/*Colors*/
/*--mainColor: rgb(235, 207, 88); */
--mainColor: yellow; 

/*Fonts*/
--titleFont: "Hershey", sans-serif;
--font : "Inclusive Sans", sans-serif;

/*FontSize*/
--siteTitle : 30px;
--siteTitleMobile : 18px;
--menu : 25px;
--menuMobile : 17px;
--filters : 15px;
--filtersMobile : 13px;
--articleTitle : 70px;
--articleTitleMobile : 45px;
--text: 20px;
--textMobile: 16px;
--smallText: 15px;
--smallTextMobile: 12px;
 
/*Mixins*/
/*@mixin center{
	display: block;
	position: relative; 
	top: 50%;
	transform: translateY(-50%);
}*/