@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import "./navbar.css";
@import "./header.css";
@import "./marulic.css";
@import "./creation.css";
@import "./map.css";
@import "./gallery.css";
@import "./footer.css";
@import "./interesting-facts.css";
@import "./tongue.css";
@import "./inheritance.css";
@import "./unknown.css";
@import "./psychology.css";
@import "./character.css";
@import "./judita.css";
@import "./impressum.css";
@import "./vanilla-carousel.css";
@import "./popup.css";

* {
    margin: 0;
    padding: 0;
    font-family: 'Crimson Text', serif;
}

#root {
    max-width: 1440px;
    margin: 0 auto; 
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit;
}

:root {
    --white: #FFFFFF;
    --beige: #FCF9F4;
    --skin: #EEE0CF;
    --orange: #DBA260;
    --red: #5C1E2B;
    --grey: #333333;
    --light-grey: #4F4F4F;
}
  
h1 {
    font-size: 48px;
    line-height: 48px;
}
  
h2 {
    font-size: 40px;
    line-height: 56px;
}
  
h3 {
    font-size: 32px;
    line-height: 32px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h5, p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.2px;
}

.link {
    color: blue;
}

@font-face {
    font-family: 'Crimson Text';
    src: url(../fonts/CrimsonPro-Regular.ttf);
    font-weight: medium;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson Text';
    src: url(../fonts/CrimsonPro-Bold.ttf);
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson Text';
    src: url(../fonts/CrimsonPro-BoldItalic.ttf);
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Crimson Text';
    src: url(../fonts/CrimsonPro-Italic.ttf);
    font-weight: medium;
    font-style: italic;
}