* {
  box-sizing: border-box;
}
:root {
  --base: #191919;
  --secondary: #3f3f3f;
  --tertiary: #6c6c6c;
  --accent: #7ead41;
  --secondacc: #c4d237;
  --inbetween: #f0db36;
  --two: #df9b35;
  --thirdacc: #c26516;
  --fouracc: #c24816;
  --black: #000;
  --white: #fff;
}
body {
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  animation: load 0.4s ease-out;
  overflow-x: hidden;
  margin: 1rem;
}
@keyframes load {
  from {
    opacity: 0.5;
    transform: translate(0, 2em);
  }
  to {
    opacity: 1;
  }
}