:root {
  --main-0:#27305A;
  --main-1:#0050D9;
  --main-2:#1A2435;
  --main-3:#363E68;
  --main-4:#888EAA;
  --white:#FFFFFF;
  --black:#000000;
  --blue-0:#D4DFF2;
  --blue-1:#BAD3F8;
  --orange-0:#FFBF50;
  --background-0:#D9EFFF;
  --background-1:#09102E;
  --input-border:#C2CBD9;


  --drop-shadow-btn:#E5EDFB;
  --invisible:rgba(0, 0, 0, 0);
  
  --base-size: 16px;
  --h1-font-size: calc(var(--base-size) * 4.125);
  --hero-h1-font-size: calc(var(--base-size) * 4.75);
  --ready-h1-font-size: calc(var(--base-size) * 3.75);
  
  --section-padding: 1em;
 
  --size-05: .3125rem;         
  --size-06: .375rem;           
  --size-08: .5rem;
  --size-10: .625rem;           
  --size-11: .6875rem;         
  --size-12: .75rem;           
  --size-13: .8125rem;         
  --size-14: .875rem;          
  --size-16: 1rem;             
  --size-17: 1.0625rem;        
  --size-18: 1.125rem;         
  --size-20: 1.25rem;          
  --size-22: 1.375rem;         
  --size-24: 1.5rem;           
  --size-26: 1.625rem;
  --size-28: 1.75rem;       
  --size-30: 1.875rem;        
  --size-32: 2rem;             
  --size-34: 2.125rem;         
  --size-36: 2.25rem;          
  --size-40: 2.5rem;           
  --size-44: 2.75rem;          
  --size-60: 3.75rem;          

}