:root {
    --slider-size: .35;
}

h3 {
    text-decoration: underline;
}

button {
    color: whitesmoke;
    background-color: var(--gray50);
}

button:disabled {
    color: gray;
    background-color: var(--gray10);
}

button:active:not(:disabled) {
    background-color: rgb(30, 30, 30);

    transform: scale(0.98);
    transition: transform 0.1s ease;
}

/* Container with interactive elements */

#jobs {
    display: flex;
    align-items: center;
    gap: 1rem;
}

@media (max-width: 960px) {
    :root {
        --slider-size: 1;
    }

    body {
        padding: 3.33vw;
    }

    #create {
        width: 100%;
    }

    #jobs {
        flex-direction: column;
        gap: 2vw;
    }
}