/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800&display=swap');

*,
    *::before,
    *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
font-family: 'Outfit', sans-serif;
    }


:root{
  --h1_80:80pt;
  --h1_70:70pt;
  --h1_60:60pt;
  --h1_50:50pt;
  --h1_40:40pt;
  --h1:30pt;
  --h2:25pt;
  --h3:20pt;
  --h4:15pt;
  --h5:12pt;
  --h6:10pt;
  --h7:8pt;
  --h8:5pt;
  --h9:2pt;
  --h10:1pt;
  --icon-sq-h:25px;
  --icon-sq-w:25px;

  --white: #000a;
  --blackColor:#000;
  --blackColor8:rgba(0,0,0,.8);
  --blackColor6:rgba(0,0,0,.6);
  --blackColor4:rgba(0,0,0,.4);
  --blackColor2:rgba(0,0,0,.2);
  --blackColor1:rgba(0,0,0,.1);

  --bodyColor: #ffff;
  --borderFormEls:rgba(0,0,0,.6);
  --bgFormElsFocus: hsl(0, 7%, 20%);

  --primary-color:#a90055;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); 

  --bg:#08080a;
  --surface:#111114;
  --card:#18181c;
  --border:#252528;
  --accent:#407247;
  --accent2:#ff4d1c;
  --accent3:#e41e6a;
  --text:#f2efe8;
  --muted:#6e6c78;
  --blue-v1:rgb(2, 2, 216);
    --ft-red:     #d94f2b;
  --ft-green:   #2d7a4f;
  --ft-shadow:  0 4px 20px rgba(0,0,0,.07);
  --r:16px;
  --tr:.24s cubic-bezier(.4,0,.2,1);
}
::-webkit-scrollbar {
  width: 5px;
  height:10px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
  background: var(--primary-color); 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #000a; 
}