* {
    font-family: Roboto, -apple-system, Helvetica Neue, Arial, sans-serif;
}

/* REMOVE Number arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.loading-spinner {
    pointer-events: none;
    width: 2.5em;
    height: 2.5em;
    border: 0.4em solid #eee;
    border-top-color: steelblue;
    border-radius: 50%;
    animation: loadingspin 1s linear infinite;
    margin: 3em auto;
}

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