.log-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


input[type="number"] {
    max-width: 20em;  
}


input[type="date"] {
    max-width: 40em;  
}

input[type="datetime-local"] {
    max-width: 40em;  
}

.log-name {
    max-width: 300px; /* Set a maximum width for larger screens */
    width: 100%; /* Allows it to be responsive on smaller screens */
    box-sizing: border-box; /* Ensures padding is included within the width */    
}

.log-type {
    max-width: 300px; /* Set a maximum width for larger screens */
    width: 100%; /* Allows it to be responsive on smaller screens */
    box-sizing: border-box; /* Ensures padding is included within the width */   
}
 
form p {
    margin-bottom: 1rem; 
}

form p label, .form-label {
    font-weight: bold; /* Make labels bold */
}

form p input,
form p select,
form p textarea {
    width: 100%; /* Full width */
    padding: 8px; /* Add padding */
    border-radius: 5px; /* Rounded corners */
    border: 1px solid #ccc; /* Border styling */
}