.w-16 {
    width: 16% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-40 {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.monospace {
    font-family: monospace !important;
}

.font-big {
    font-size: 1.5rem;
}

input[type="text"],
input[type="password"],
input[type="textarea"],
input[type="date"],
input[type="number"],
select {
    font-family: inherit;
    font-size: inherit;
    width: 100%;
    height: var(--half-item-height);
    color: var(--black);
    background-color: var(--white);
    border: var(--border-width) solid var(--primary-color);
    border-radius: var(--radius);
    padding-left: var(--padding);
    padding-right: var(--padding);
}

input[type="checkbox"] {
    border: var(--border-width) solid var(--primary-color);
    border-radius: var(--radius);
    color: var(--primary-color)
}

a,
a:visited,
a:hover,
a:active,
a:focus {
    color: var(--primary-color);
    text-decoration: none;
    cursor: pointer;
}