Spaces:
Running
Running
File size: 2,012 Bytes
5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 9a0cca3 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 95caa7b 5147f94 9a0cca3 95caa7b 5147f94 9a0cca3 4949605 95caa7b 5147f94 4949605 9a0cca3 4949605 5147f94 4949605 5147f94 9a0cca3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 | /* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body Styling */
body {
font-family: 'Arial', sans-serif;
line-height: 1.6;
color: #333;
background-color: #f9f9f9;
padding: 20px;
}
/* Header Styling */
header {
text-align: center;
padding: 20px 0;
background-color: #007bff;
color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
header .logo {
width: 80px;
height: auto;
margin-bottom: 10px;
}
header h1 {
font-size: 1.8rem;
}
/* Main Section Styling */
main {
margin-top: 20px;
}
main h2 {
text-align: center;
margin-bottom: 20px;
color: #555;
font-size: 1.5rem;
text-transform: uppercase;
}
/* Form Container Styling */
.form-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 10px;
}
/* Form Card Styling */
.form-card {
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.form-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.form-card h3 {
font-size: 1.2rem;
color: #007bff;
margin-bottom: 10px;
}
.form-card p {
font-size: 0.9rem;
color: #666;
margin-bottom: 15px;
}
.form-card .button {
display: inline-block;
padding: 10px 20px;
color: #fff;
background-color: #007bff;
text-decoration: none;
border-radius: 5px;
font-size: 0.9rem;
transition: background-color 0.3s, transform 0.2s;
cursor: pointer;
border: none;
}
.form-card .button:hover {
background-color: #0056b3;
transform: scale(1.05);
}
/* Footer Styling */
footer {
text-align: center;
margin-top: 30px;
padding: 10px;
background-color: #f1f1f1;
border-radius: 5px;
font-size: 0.9rem;
color: #555;
}
|