:root{
  --bgg: #2e5fe7;
    --bg: linear-gradient(to right,
            #83ddf3 0%,
            #68c0db 25%,
            #68c0db 75%,
            #83ddf3 100%);
}
body.dark-mode{
  --bg: #0d1117;
    --bgg: #0d1117be;
}
.background , .background>*{
  width: 100%;
  height: 100%;
  position: absolute;
}

.background{
  
  background: var(--bg);
  z-index: -2;
}

.background-pattern {
  inset: 0;
  pointer-events: none;
  background-image: url('../assest/parent.svg');
  background-repeat: repeat;
  background-position: center;
  background-size: 60px 60px;
  z-index: -1;
}

.background-gradiant {
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(to right, 
    var(--bgg) 0%,
    #ffffff00 40%,
    #ffffff00 60%,  
    var(--bgg) 100%
  );
}