Reactive-Resume/src/styles/global.css

html,
body {
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  @apply text-primary-900 bg-primary-50;
  @apply transition-colors duration-200 ease-in-out;
}

a {
  @apply font-semibold;
}

a:hover {
  @apply underline;
}

hr {
  @apply w-full border-primary-200 h-1;
}

ul {
  @apply list-disc list-inside;
}

section {
  @apply grid grid-cols-1 gap-8;
}

label {
  @apply flex flex-col;
}

label > span:first-child {
  @apply mb-1 text-primary-600 font-semibold tracking-wide text-xs uppercase;
}

.MuiTooltip-tooltip {
  font-size: 10px;
}

.MuiMenuItem-root {
  justify-content: center;
}

.spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.markdown {
  @apply leading-relaxed whitespace-pre-wrap;
}