:root {
    --base-green: #49B05D;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.loading-icon {
    animation: rotate 2s linear infinite;
}

input:focus-visible {
    outline: 1px solid var(--base-green);
}

.clickText {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    text-decoration: none;
    user-select: none;
    color: black;
}

.clickText:active {
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
    color: #494e52;
}

.normalButton {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    text-decoration: none;
    user-select: none;
}

.clickButton{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    text-decoration: none;
    user-select: none;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.clickButton:hover {
    filter: contrast(1.02);
}

.clickButton:active {
    filter: brightness(0.98);
    transform: scale(0.99);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

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