@import url('./desktop.css');
@import url('./mobile.css');
@import url('./tablet.css');

:root {
  --primaryBgColor: #ffffff;
  --secondaryBgColor: rgb(90, 90, 90);
  --sectionBgDark: #1b1347;
  --fontPrimaryColor: #2d2d2d;
  --fontSecondaryColor: white;
  --highlightColor: #021c70;
  --borderColor: #e5e5e5;
  --shadowColor: rgba(0, 0, 0, 0.1);
  --subtleTextColor: #7f7f7f;
  
  --fontFamily: Arial;
  --fontFamilySecondary: 'Lucida Sans' : 
}
/* :root {
  --primaryBgColor: #ffffff;
  --secondaryBgColor: rgb(90, 90, 90);
  --sectionBgDark: #472b13;
  --fontPrimaryColor: #2d2d2d;
  --fontSecondaryColor: white;
  --highlightColor: #703302;
  --borderColor: #e5e5e5;
  --shadowColor: rgba(0, 0, 0, 0.1);
  --subtleTextColor: #7f7f7f;
  
  --fontFamily: Arial;
  --fontFamilySecondary: 'Lucida Sans' : 
} */

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  /* font-family: var(--fontFamily); */
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

body{
  overflow-x: hidden;
}

.hidden{
  display: none;
}


@keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translateY(20px);
  }
  100% {
    opacity: 1;
      transform: translateY(0);
  }
}

.animate-on-scroll {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}