/* styles.css */

/* Common styles for all devices */
input[name=honeyspot1],
input[name=honeyspot2] {
    visibility: hidden;
    font-size: 15px; /* Adjust font size for smaller screens */
}

/* Styles for smartphones (up to 576px) */
@media (max-width: 576px) {
    /* Additional styles specific to smartphones */
}

/* Styles for tablets (between 577px and 768px) */
@media (min-width: 577px) and (max-width: 768px) {
    /* Additional styles specific to tablets */
}