Spaces:
Sleeping
Sleeping
File size: 1,489 Bytes
099668b 03f9824 e5e516e 03f9824 59fb2a9 03f9824 |
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 |
/* Global Styles */
:root {
--primary-color: #0158A3;
--primary-light: #6366f1;
--primary-dark: #3730a3;
--secondary-color: #FFDA00;
--accent-color: #ec4899;
--text-color: #0f172a;
--text-light: #64748b;
--bg-color: #f8fafc;
--card-bg: #ffffff;
--border-color: #e2e8f0;
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--transition: all 0.3s ease;
--radius: 12px;
--header-gradient: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}
/* Header styling */
.header-container {
background: var(--header-gradient);
border-radius: var(--radius);
padding: 2rem;
margin-bottom: 2rem;
box-shadow: var(--shadow);
color: white;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
height:128px;
}
.header-container img {
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
transition: var(--transition);
}
.header-container img:hover {
transform: scale(1.05);
}
.header-container h1 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
background: linear-gradient(45deg, #fff, #f0f0ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
display: inline-block;
}
.header-container a {
color: white;
text-decoration: none;
font-weight: 600;
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
transition: var(--transition);
padding-bottom: 2px;
}
.header-container a:hover {
border-color: white;
}
|