@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&family=Montserrat:wght@600&family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@500&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    font-size: 62.5%;
    
    --title-font: 'Kanit', sans-serif;
    --subtitle-font: 'Montserrat';
    --text-font: 'Roboto', sans-serif;

    --light-text-color: #FFFFFF;
    --dark-text-color: #000000;
    --light-secondary-text-color: #D1D1D1;
    --shadow-back : 0 5px 15px rgba(0,0,0,0.5);
    --withe : #fff;

    --primary-color: #957B5F;
    --secondary-color: #EDEDED;
    --tertiary-color: #2B2B2B;
}

h1, h2 {
    font-family: var(--title-font);
}

p, a {
    font-family: var(--text-font);
}