@font-face{
font-family:"Big Shoulders";
font-style:normal;
font-weight:100 900;
font-display:swap;
src:url(fonts/big-shoulders.woff2) format("woff2");
}
@font-face{
font-family:"IBM Plex Sans";
font-style:normal;
font-weight:100 700;
font-display:swap;
src:url(fonts/plex-sans.woff2) format("woff2");
}
:root{
--bg1:#f7f5f0;
--bg2:#e6e1d6;
--bg3:#d9d3c5;
--tx1:#15131a;
--tx2:#46424d;
--tx3:#ffffff;
--cl1:#4b1fb3;
--cl2:#3a1690;
--gn1:#085a2e;
--rd1:#971818;
--br1:0;
--ff1:"IBM Plex Sans",sans-serif;
--ff2:"Big Shoulders",sans-serif;
--fz1:20px;
--fz2:18px;
--fz3:22px;
--fz4:26px;
--fh1:136px;
--fh2:72px;
--fh3:44px;
--fh4:34px;
--gp1:12px;
--gp2:32px;
--gp3:64px;
--wd1:800px;
--pd1:24px;
}
@media (max-width:699px){
:root{
--fh1:clamp(60px,19vw,112px);
--fh2:52px;
--fh3:36px;
--fh4:30px;
--gp3:48px;
--pd1:20px;
}
}