::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: var(--client-bg2); 
}
 
::-webkit-scrollbar-thumb {
    background: var(--yellow); 
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

body {
    box-sizing: border-box;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input {
    border-radius: var(--radius);
}

    input:focus {
        outline: 1px dashed var(--yellow);
        outline-offset: 5px;
    }

input[type=submit] {
    box-sizing: border-box;
    display: block;
    font-family: inherit;
    font-size: 16px;
    background-color: var(--button-bg);
    color: var(--c1);
    border: none;
    box-shadow: none;
    cursor: pointer;
    padding: 5px 20px;
}

input[type=submit],
input[type=text],
input[type=password] {
    -webkit-appearance: none;
}

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

a{
    color: var(--highlight-bg);
    border-bottom: 1px solid var(--highlight-bg);
}

a:hover{
    color: var(--yellow);
    cursor: pointer;
}

h1{
    color: var(--c1);
    font-size: 16px;
    font-weight: normal;
    margin: 0px 20px 20px 20px;
    text-align: center;
}

.screen-header { display: none; }

@media (min-height: 480px) {
    .screen-header { display: flex; }
    .screen-form { justify-content: center; }
}
