*{
  padding: 0;
  margin: 0;
}
body:not(.dark-mode){
  --background-color: linear-gradient(0deg,white,#7AAAE2,white);
    --background-colord: url("backd.png" );
  --color: black;
  --background-image: linear-gradient(40deg,rgba(224, 224, 224, 0.7),rgba(255, 255, 255, 0.7));
  --header: black;
  --header1: white;
  --list-select: url("wtf.png" );
  --fo: #5E00A5;
  --listback: url("wtf.png" );
  --about: rgba(255, 255, 255, 0.5);
    --aboutt: rgba(255, 255, 255, 0.5);
  --abtext: darkred;
  --policy: url("wtf.png" ) ;
}
.dark-mode {
  --background-color: linear-gradient(0deg,black,#66614A,black);
      --background-colord: url("backdd.png" );
  --color: white;
  --background-image: linear-gradient(40deg,rgba(76, 59, 103, 0.7),rgba(51, 82, 144, 0.7)) ;
  --header: white;
  --header1: black;
   --list-select: linear-gradient(40deg, rgba(76, 59, 103, 0.9), rgba(51, 82, 144, 0.9));
    --fo: white;
    --listback: url("imb.png");
   --about: rgba(76, 59, 103, 0.7);
   --aboutt: linear-gradient(0deg,rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3),rgba(76, 59, 103, 0.7));
     --abtext: red;
    --policy: url("imb.png") ;
}
@keyframes ani {
  from{
    color: wheat;
  }
  to{
    color: red;
  }
}