@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

:root {
    --google: #751d72;
    --redclr: #f22e3e;
    --bodyclr: #212529;
    --darkclr: #000000;
    --h1-size: 2.5rem;
    --h2-size: 2rem;
    --h3-size: 1.75rem;
    --h4-size: 1.5rem;
    --h5-size: 1.25rem;
    --h6-size: 1rem;
    --lightbg: #fffaed;
    --twitter: #1DA1F2;
    --facebook: #3b579d;
    --greenclr: #1bb174;
    --plainclr: #ffffff;
    --paragraph: #333333;
    --span-size: 1rem;
    --body-bgclr: #ffffff;
    --headingclr: #000000;
    --span-color: #3f4041;
    --anchor-size: 1rem;
    --headerbgclr: #fae97f;
    --orangecolor: #ff9900;
    --primaryfont: "Plus Jakarta Sans", sans-serif;
    --anchor-color: #7cb5ff;
    --secondaryfont: "Inter", sans-serif;
    --themethirdclr: #faac3c;
    --themeprimaryclr: #fae97f;
    --span-hover-color: #000000;
    --themesecondaryclr: #4a7654;
    --anchor-hover-color: #3288f8;
    --google: #751d72;
    --darkclr: #000000;
    --twitter: #1DA1F2;
    --facebook: #3b579d;
    --plainclr: #ffffff;
    --borderclr: #DDDDDD;
}