:root{
  --primary:#2563eb;
  --dark:#0f172a;
  --light:#f8fafc;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:'Cairo',sans-serif;
  background:
    linear-gradient(
    135deg,
    #eff6ff 0%,
    #f8fafc 50%,
    #afdcfa 100%
    );

    min-height:100vh;
   overflow:auto;
      display:flex;
      
    position:relative;
  color:#333;
 
}