@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100;200;400;500;800&family=Fredoka+One&display=swap');

:root{
    --bg_color: #ECF0F3;
    --blue-bg-color: #004992;
    --blue-prest: #001F3F;
    --default-font: 'Alexandria', sans-serif;
    --logo-font: 'Fredoka One', cursive;
}

body{
    background-color: var(--bg_color);
    font-family: var(--default-font);
    color: var(--blue-prest)
}

@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }