@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap');

:root {
    --font-family: "Baloo 2", sans-serif;
    --spacer: 4em 0;
    --transition: all 0.15s ease;
    --full-width: min(95%, 1200px);
    --narrow-width: min(95%, 700px);

    --font-size: 16px;
    --mega-size: 50px;
    --tiny-size: 12px;
    --h1-size: 32px;
    --h2-size: 24px;
    --h3-size: 20px;
    --h4-size: 18px;

    --bg-clr1: #ffffff;
    --bg-clr2: #f5f5f5;
    --text-clr: #000000;
    --text-clr-light: #303030;
    --shadow-clr: rgba(0, 0, 0, 0.11);
    --selection-clr: #ffe10083;
    --primary-clr: #FFE100;
    --secondary-clr: #44923B;
    --secondary-clr-dark: #2c6925;
    --secondary-clr-light: #5AA451;
    --secondary-clr-light2: #e7f3e6;
}