@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100..900&display=swap');

html, body {
    height: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    cursor: url("../images/duck_1.png") 16 16, auto !important;
    background: linear-gradient(169deg, rgba(33, 33, 33, 0.20) -141.55%, rgba(33, 33, 33, 0.85) -110.36%, #212121 78.66%),
    url("../images/bg.png") lightgray 50% / cover no-repeat !important;
);

    h1, h2 {
        font-family: 'Archivo', sans-serif !important;
    }
}

label,
textarea,
option {
    cursor: url("../images/duck_1.png") 16 16, pointer !important;
}

input,
select,
button,
a {
    cursor: url("../images/duck_2.png") 16 16, pointer !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: white;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.95) inset !important;
    box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.95) inset !important;
    -webkit-text-fill-color: #0f172a !important;
    color: #0f172a !important;
    caret-color: #0369a1 !important;
    transition: background-color 0s ease-in-out 0s;
    border-radius: 0.5rem;
}


input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 1;
}

input[type="date"] {
    padding-right: 40px;
}