/* BASE CSS - Foundation styles */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

body {
  background: #f2f2f2;
  color: var(--text-primary);;
  font-size: 12px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

/* KEYFRAMES */
@keyframes logo-rotate {
    0%, 100% {
        transform: rotate(45deg) scale(1);
    }
    50% {
        transform: rotate(55deg) scale(1.05);
    }
}

@keyframes curve-color {
    0% {
        box-shadow: 0 27px 0 #8f7911;
    }
    50% {
        box-shadow: 0 27px 0 #fff7b3;
    }
    100% {
        box-shadow: 0 27px 0 #f6ef59;
    }
}

@keyframes gradientShift {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}