@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
:root {
  --white-color: #fff;
  --blue-color: #d84c5c;    
  --grey-color: #707070;
  --grey-color-light: #aaa;
  --black-color: black;
}
body {
  background-color: #e7f2fd;
  transition: all 0.5s ease;
}
body.dark {
  background-color: #333;
}
body.dark {
  --white-color: #333;
  --blue-color: #d84c5c;
  --grey-color: #f2f2f2;
  --grey-color-light: #aaa;
  --black-color: #f2f2f2;
}