:root {
  --cb0: #000;
  --cb1: #111;
  --cb2: #222;
  --cb3: #333;
  --cb4: #444;
  --cb5: #555;
  --cb6: #666;
  --cp0: rgba(6, 100, 37);
  --cp1: rgb(6, 120, 37);
  --cp2: rgb(9, 170, 57);
  --cp3: #7aca35;
  --cp4: #9aeeb2;
  --cp5: #d9f3d9;
  --cp6: #f0f8f0;
  --cbg1: #f5f5f5;
  --cblue: #221efb;
  --fs1: 2rem;
  --fs2: 1.3rem;
  --fs3: 1.1rem;
  --dr3: 300ms;
  --sd: 0 2px 2px rgba(0, 0, 0, 0.1);
  --sd1: 0 4px 6px rgba(0, 0, 0, 0.1);
  --sd2: 0 4px 10px rgba(0, 0, 0, 0.2);
  --sd3: 0 0 10px rgba(0, 0, 0, 0.5);
  --mg: 1rem;
  --scroll-bar-width: 27px;
  --bg1: linear-gradient(135deg, #fad0c4 0%, #ffd1ff 50%, #e5d1ff 100%);
}

@media (min-width: 1400px) {
  :root {
    --w: 1200px;
  }
}

@media (min-width: 600px) and (max-width: 1399px) {
  :root {
    --w: calc(100% - 130px);
  }
}

@media (max-width: 599px) {
  :root {
    --w: calc(100% - 2rem);
  }
}