:root { 
  --alabaster: #fafafa;
  --black: #000000;
  --blue-zodiac: #1b2848;
  --booger-buster: #dce578;
  --concrete: #f2f2f2;
  --governor-bay: #3a41c9;
  --manz: #def175;
  --soap: #cfcfef;
  --violet-blue: #3e49c6;
  --white: #ffffff;
 
  --font-family-sora: "Sora", Helvetica;
 
   				  --font-size-l:calc(49px * 0.7);
				  --font-size-m:calc(29px * 0.7);
				  --font-size-s:calc(28px * 0.7);
				  --font-size-xs:calc(27px * 0.7);
				  --font-size-xxs:calc(23px * 0.7);
				  --font-size-xxxs:calc(21px * 0.7);
				  --font-size-xxxx:calc(20px * 0.7);
				  				  
				  	--fontsize13vw:calc(25px * 0.7);
				  	--fontsize5vw:calc(96px * 0.7);
				  	--fontsize26vw:calc(50px * 0.7);
				    --fontsize25vw:calc(48px * 0.7);
				    --fontsize218vw:calc(42px * 0.7);
				    --fontsize417vw:calc(80px * 0.7);
				    --fontsize156vw:calc(30px * 0.7);
				    --fontsize239vw:calc(46px * 0.7);
				    --fontsize224vw:calc(43px * 0.7);
				    --fontsize146vw:calc(28px * 0.7);
				    --fontsize182vw:calc(35px * 0.7);
				    --fontsize229vw:calc(44px * 0.7);
					--fontsize172vw:calc(33px * 0.7);
					--fontsize125vw:calc(24px * 0.7);
					--fontsize365vw:calc(70px * 0.7);
					--fontsize167vw:calc(32px * 0.7);
					--fontsize187vw:calc(35px * 0.7);					
					--fontsize365vw:calc(70px * 0.7);
					--fontsize177vw:calc(34px * 0.7);
					--fontsize115vw:calc(22px * 0.7);
					--fontsize39vw:calc(75px * 0.7); 
 
   
}

		
.sora-normal-manz-21px {
  color: var(--manz);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.sora-normal-blue-zodiac-29px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.sora-semi-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 600;
}

.sora-normal-blue-zodiac-43-7px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize224vw);
  font-style: normal;
  font-weight: 400;
}

.sora-semi-bold-violet-blue-20px {
  color: var(--violet-blue);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 600;
}

.sora-semi-bold-violet-blue-23px {
  color: var(--violet-blue);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.sora-semi-bold-alabaster-23px {
  color: var(--alabaster);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.sora-normal-blue-zodiac-23px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.sora-normal-violet-blue-28px {
  color: var(--violet-blue);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize146vw);
  font-style: normal;
  font-weight: 700;
}

.sora-bold-violet-blue-35-6px {
  color: var(--violet-blue);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize182vw);
  font-style: normal;
  font-weight: 700;
}

.sora-normal-governor-bay-21px {
  color: var(--governor-bay);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-governor-bay-27px {
  color: var(--governor-bay);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.sora-bold-blue-zodiac-43-7px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size:  var(--fontsize229vw);
  font-style: normal;
  font-weight: 700;
}

.sora-bold-blue-zodiac-29px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.sora-bold-blue-zodiac-49-2px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.sora-medium-white-23px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
}

.sora-bold-blue-zodiac-33px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size:  var(--fontsize172vw);
  font-style: normal;
  font-weight: 700;
}

.sora-normal-blue-zodiac-24px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize125vw);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-white-70px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize365vw);
  font-style: normal;
  font-weight: 700;
}

.sora-normal-white-27px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-white-31-7px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size:var(--fontsize167vw);
  font-style: normal;
  font-weight: 700;
}

.sora-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-white-35-6px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size:var(--fontsize187vw);
  font-style: normal;
  font-weight: 700;
}

.sora-semi-bold-white-50-3px {
  color: var(--white);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize26vw);
  font-style: normal;
  font-weight: 600;
}

.sora-bold-manz-70px {
  color: var(--manz);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize365vw);
  font-style: normal;
  font-weight: 700;
}

.sora-medium-blue-zodiac-34px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize177vw);
  font-style: normal;
  font-weight: 500;
}

.sora-normal-blue-zodiac-28-2px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.sora-normal-blue-zodiac-22px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize115vw);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-blue-zodiac-75-3px {
  color: var(--blue-zodiac);
  font-family: var(--font-family-sora);
  font-size: var(--fontsize39vw);
  font-style: normal;
  font-weight: 700;
}