html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.visually-hidden {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.slide-in {
    animation: slideInAnimation 0.5s forwards;
}

@keyframes slideInAnimation {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.button-press {
    animation: pressAnimation 0.2s forwards;
}

@keyframes pressAnimation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.85);
    }

    100% {
        transform: scale(1);
    }
}

.element-popin {
        animation: popInAnimation 0.3s forwards;
    }

    @keyframes popInAnimation {
        0% {
            transform: translateY(-20px);
            opacity: 0;
        }

        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

#resultbox {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    width: 100%;
}