@import url('css2');

:root {
  --brand-red: #E60012;
}

body {
  font-family: 'Noto Sans KR', sans-serif;
}

.font-noto-sans {
    font-family: 'Noto Sans KR', sans-serif;
}

.bg-brand-red {
  background-color: var(--brand-red);
}

.text-brand-red {
  color: var(--brand-red);
}

.border-brand-red {
    border-color: var(--brand-red);
}

.ring-brand-red:focus {
    --tw-ring-color: var(--brand-red);
}

.text-brand-red {
    color: var(--brand-red);
}

input[type="checkbox"]:checked {
    background-color: var(--brand-red);
    border-color: var(--brand-red);
}

.speech-bubble-lg, .speech-bubble-sm {
    position: relative;
    display: inline-block;
}

.speech-bubble-lg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 30%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #fff8e1;
    border-bottom: 0;
    margin-left: -20px;
    margin-bottom: -18px;
}

.speech-bubble-sm::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 30%;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top-color: #fff8e1;
    border-bottom: 0;
    margin-right: -15px;
    margin-bottom: -14px;
}


#income-ticker {
    animation: scroll-up 30s linear infinite;
}

@keyframes scroll-up {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}