* { margin: 0; } .has-bg-primary{ background: var(--base-color-primary); } .has-bg-secondary{ background: var(--base-color-secondary); } .has-bg-blue{ background: var(--base-color-blue); } /* Black and white */ .has-bg-white{ background: var(--base-color-white); } .has-bg-dark{ background: var(--base-color-dark); } /* Color gray */ .has-bg-gray{ background: var(--base-color-gray); } .has-bg-gray-light{ background: var(--base-color-gray-light); } .has-bg-gray-dark{ background: var(--base-color-gray-dark); } /*Border radius*/ .has-br-small{ border-radius: var(--base-rounded-small); } .has-br-medium{ border-radius: var(--base-rounded-medium); } .has-br-large{ border-radius: var(--base-rounded-large); } /* fonts */ @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@500&family=Work+Sans:wght@600&display=swap'); .Ws-20{ font-family: 'Work Sans', sans-serif; font-size: 48px; font-weight: 700; } .Ws-24{ font-family: 'Work Sans', sans-serif; font-size: 24px; font-weight: 700; } .Ws-20{ font-family: 'Work Sans', sans-serif; font-size: 20px; font-weight: 600; } .Ws-18{ font-family: 'Work Sans', sans-serif; font-size: 18px; font-weight: 500; } .Sr-19{ font-family: 'Spartan', sans-serif; font-size: 18px; font-weight: 500; } .Sr-16{ font-family: 'Spartan', sans-serif; font-size: 16px; font-weight: 500; } .Tx-15{ font-family: 'Spartan', sans-serif; font-size: 15px; font-weight: 500; } .Tx-14{ font-family: 'Spartan', sans-serif; font-size: 14px; font-weight: 400; } .Tx-12{ font-family: 'Spartan', sans-serif; font-size: 12px; font-weight: 400; }