/*@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;700&family=Josefin+Sans:ital,wght@0,400;0,700;1,500&family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;1,500&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&family=Oswald:wght@400;700&family=Playfair+Display:wght@400;700&display=swap');*/
@font-face {
    font-family: 'Merriweather';
    src: url("../fonts/Merriweather-Regular.ttf");
    font-weight: 100;
}
@font-face {
    font-family: 'Merriweather';
    src: url("../fonts/Merriweather-Bold.ttf");
    font-weight: bold;
}
/*src: url("../fonts/Merriweather-Black.ttf");*/
/*src: url("../fonts/Merriweather-Light.ttf");*/

@font-face {
    src: url("../fonts/JosefinSans-Bold.ttf") format('truetype');
    font-family: 'Josefin Sans';
    font-weight: bold;
}
@font-face {
    src: url("../fonts/JosefinSans-Thin.ttf") format('truetype');
    font-family: 'Josefin Sans';
    font-weight: 100;
}
@font-face {
    src: url("../fonts/JosefinSans-Light.ttf") format('truetype');
    font-family: 'Josefin Sans';
    font-weight: 300;
}
@font-face {
    src: url("../fonts/JosefinSans-Medium.ttf") format('truetype');
    font-family: 'Josefin Sans';
    font-weight: 500;
}
/*src: url("../fonts/JosefinSans-VariableFont_wght.ttf") format('truetype');*/
:root{
    --serif1:'Merriweather', serif;
    --sans1: 'Merriweather Sans', sans-serif;
    --serif2: 'Playfair Display', serif;
    --sans2: 'Oswald', sans-serif;
    --serif3: 'Bitter', serif;
    --sans3: 'Josefin Sans', sans-serif;
    --serif4: 'EBGaramond-VariableFont_wght.ttf';

    --fontSerif: var(--serif1);
    --fontSans: var(--sans3);

    --lightGrey: #b3b3b3;
    --grey: #323232;
}
* {-webkit-font-smoothing: antialiased;}
body {
    margin: 20px 20px 35px 20px;
    font-family: var(--fontSerif);
    color: #323232;
    font-size: 14px;
    line-height: 24px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    vertical-align: top;

}

a:link {
    color: black;
    text-decoration: none;
}
a:visited {
    color: black;
    text-decoration: none;
}
a:hover {
    color: black;
    text-decoration: underline black;
}
a:active {
    text-decoration: none;
}
.titlename {
    font-size: 21px;
    font-weight: bolder;
    line-height: 24px;
    text-transform: uppercase;
    font-family: var(--fontSans);
}