body {
  color: red;
  background-color: silver;
  font-size: 30px;
}

.primary-font {
  font-family: 'Sen', sans-serif;;
}

.secondary-font {
  font-family: Roboto,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;;
}

.hover-darken:hover {
  color: #444;
}

.shadow-05 {
  box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
}

.transition3, .hover-transition3:hover {
  transition: all 0.3s;
}

.primary, .hover-primary:hover {
  color: #3abb67;
}

.bg-primary, .hover-bg-primary:hover {
  background-color: #3abb67;
}

.box-shadow-primary {
  box-shadow: 0 14px 26px -12px hsla(140.93024,52.65306%,48.039215%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(140.93024,52.65306%,48.039215%,0.2);
}

.hover-box-shadow-primary:hover {
  box-shadow: 0 14px 26px -12px hsla(140.93024,52.65306%,48.039215%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(140.93024,52.65306%,48.039215%,0.2);
}

.hover-box-shadow-primary-more:hover {
  box-shadow: 0 14px 26px -3px hsla(140.93024,52.65306%,48.039215%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(140.93024,52.65306%,48.039215%,0.2);
}

.secondary, .hover-secondary:hover {
  color: #f14668;
}

.bg-secondary, .hover-bg-secondary:hover {
  background-color: #f14668;
}

.box-shadow-secondary {
  box-shadow: 0 14px 26px -12px hsla(348.0702,85.92965%,60.980392%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(348.0702,85.92965%,60.980392%,0.2);
}

.hover-box-shadow-secondary:hover {
  box-shadow: 0 14px 26px -12px hsla(348.0702,85.92965%,60.980392%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(348.0702,85.92965%,60.980392%,0.2);
}

.hover-box-shadow-secondary-more:hover {
  box-shadow: 0 14px 26px -3px hsla(348.0702,85.92965%,60.980392%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(348.0702,85.92965%,60.980392%,0.2);
}

.accent, .hover-accent:hover {
  color: #c4e06c;
}

.bg-accent, .hover-bg-accent:hover {
  background-color: #c4e06c;
}

.box-shadow-accent {
  box-shadow: 0 14px 26px -12px hsla(74.48276,65.16854%,65.09804%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(74.48276,65.16854%,65.09804%,0.2);
}

.hover-box-shadow-accent:hover {
  box-shadow: 0 14px 26px -12px hsla(74.48276,65.16854%,65.09804%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(74.48276,65.16854%,65.09804%,0.2);
}

.hover-box-shadow-accent-more:hover {
  box-shadow: 0 14px 26px -3px hsla(74.48276,65.16854%,65.09804%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(74.48276,65.16854%,65.09804%,0.2);
}

.dark-accent, .hover-dark-accent:hover {
  color: #000000;
}

.bg-dark-accent, .hover-bg-dark-accent:hover {
  background-color: #000000;
}

.box-shadow-dark-accent {
  box-shadow: 0 14px 26px -12px hsla(0,0%,0%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(0,0%,0%,0.2);
}

.hover-box-shadow-dark-accent:hover {
  box-shadow: 0 14px 26px -12px hsla(0,0%,0%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(0,0%,0%,0.2);
}

.hover-box-shadow-dark-accent-more:hover {
  box-shadow: 0 14px 26px -3px hsla(0,0%,0%,0.42),0 4px 23px 0px hsla(0,0%,0%,0.12),0 8px 10px -5px hsla(0,0%,0%,0.2);
}