:root, [data-bs-theme=light] {
  --ncc_primary-highligh-color: #2BB3C0;
  --ncc_primary-font-color: #161C2E;
  --ncc_secondary-font-color: #EF6C35;
  --ncc_background-color: #FAF7F2;

  --bs-heading-color: var(--ncc_secondary-font-color) !important;
  --bs-body-bg: var(--ncc_background-color) !important;
  --bs-body-color: var(--ncc_primary-font-color) !important;
  --bs-link-color: var(--ncc_primary-highligh-color) !important;
  --bs-link-color-rgb: 43, 179, 192 !important;
  --bs-link-hover-color: var(--ncc_primary-highligh-color) !important;
  --bs-link-hover-color-rgb: 43, 179, 192 !important;
}

@font-face {
    font-family: "Play-Bold";
    src: url("/fonts/Play-Bold.ttf");
}

@font-face {
    font-family: "Play-Regular";
    src: url("/fonts/Play-Regular.ttf");
}

@keyframes opacity1 {
  from {opacity: 0;}
  to {opacity: 1;}
}

body {
  font-family: 'Play-Regular', sans-serif !important;
}

.ncc_text-logo {
    font-family: 'Play-Bold', sans-serif !important;
    line-height: 3.3rem !important;
    font-size: 4rem !important;
}

.ncc_text-logo div.row:nth-child(1){
    opacity: 0;
    color: var(--ncc_secondary-font-color);
    animation: opacity1 1500ms linear;
    animation-fill-mode: forwards;
}

.ncc_text-logo div.row:nth-child(2){
    opacity: 0;
    color: var(--ncc_primary-font-color);
    animation: opacity1 1500ms linear;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.ncc_text-logo div.row:nth-child(3){
    opacity: 0;
    color: var(--ncc_primary-highligh-color);
    animation: opacity1 1500ms linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

.ncc_appearing-body {
    opacity: 0;
    padding: 1.5rem;
    animation: opacity1 500ms linear;
    animation-delay: 3s;
    animation-fill-mode: forwards;
}