/* uet-main.css */

/* General Styles */
body,
html {
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;
     background-color: #f9f9f9;
     color: #333;
}

/* Buttons */
button {
     display: inline-block;
     padding: 10px 20px;
     font-size: 16px;
     color: #fff;
     background-color: #007bff;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.3s;
}

button:hover {
     background-color: #0056b3;
}

/* Links */
a {
     color: #007bff;
     text-decoration: none;
}

a:hover {
     text-decoration: underline;
}

/* Form Styles */
input[type="text"],
input[type="email"],
textarea {
     width: 100%;
     padding: 10px;
     margin: 10px 0;
     border: 1px solid #ccc;
     border-radius: 4px;
}

/* Containers */
.container {
     width: 90%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 20px;
     background-color: #fff;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card {
     padding: 20px;
     margin: 20px 0;
     background-color: #fff;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
     color: #333;
     margin: 20px 0 10px;
}

/* Tables */
table {
     width: 100%;
     border-collapse: collapse;
     margin: 20px 0;
}

table th,
table td {
     padding: 10px;
     border: 1px solid #ccc;
}

table th {
     background-color: #f1f1f1;
}

/* Responsive */
@media (max-width: 768px) {
     .container {
          padding: 10px;
     }
}