:root {
  --white: #fff;
  --light-gray: #c7eaef;
  --gray: #d2d2d2;
  --black: #000;
  --lightblue: #000000;

  --font-color-base: #666;
  --font-color-dark: #212529;
  --font-color-light: #b0aebe;
  --font-color-link: #57a6ff;

  --footer: #34314b;
  --footer-base: #2e2b45;
  --contrast: rgba(rgb(247, 247, 243));
  --success: #64ecf5;
  --danger: #ff8b8d;
  --grad-1: #a1ecff;
  --grad-2: #8293a4;
  --grad-3: #c7eaef;
  --grad-4:  #74afea38;
}

html {
  scroll-behavior: smooth;
}

body {
    width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgb(247, 247, 243);
 
  
}


nav a:hover,
.noDecoration {
  color: blue;
}