@import url('https://fonts.googleapis.com/css2?family=Antic+Slab&family=Chakra+Petch:wght@400;600;700&family=Cinzel:wght@500;600&family=Exo:wght@400;600&family=Forum&family=Ubuntu:wght@300;400;500&display=swap');

html {
    scroll-behavior: smooth;

  }
:root{
    --primary_color_1:#336899;
    --primary_color_2:#BF0000;
    --primary_color_2a:#A10B01;
    --primary_color_2b:#8C0808;
    --primary_color_2c:#BF0F0F;
    --primary_color_3:#06781E;
    --primary_color_3a:#014005;
    --primary_color_3b:#02590F;
    --primary_color_4:#F2B705;
    --primary_color_4b:#F2C438;
    --primary_color_4c:#FFB20F;
    --font_exo:'Exo';
    --font_forum:'Forum';
    --font_chakra:'Chakra Petch';
    --font_antic:'Antic'; 
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Ubuntu', sans-serif;
}
div{
    font-size:clamp(3rem, 5vw, 6rem );
    margin: 6rem 0 0;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    color: black;
    font-weight: 600;
    text-transform: capitalize;
}