108 lines
1.8 KiB
CSS
108 lines
1.8 KiB
CSS
/* University Assistant - Custom Styles */
|
|
|
|
:root {
|
|
--primary: #4A90E2;
|
|
--secondary: #F5A623;
|
|
--background: #F8F9FA;
|
|
--surface: #FFFFFF;
|
|
--text-color: #333333;
|
|
--gradient: linear-gradient(135deg, #4A90E2 0%, #50E3C2 100%);
|
|
--border-radius: 0.5rem;
|
|
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
body {
|
|
font-family: 'Poppins', sans-serif;
|
|
background-color: var(--background);
|
|
color: var(--text-color);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.navbar {
|
|
background-color: var(--surface);
|
|
box-shadow: var(--shadow);
|
|
}
|
|
|
|
.navbar-brand {
|
|
font-weight: 700;
|
|
color: var(--primary);
|
|
}
|
|
|
|
.nav-link {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.hero {
|
|
color: white;
|
|
padding: 12rem 0;
|
|
text-align: center;
|
|
background-image: var(--gradient);
|
|
position: relative;
|
|
}
|
|
|
|
.hero-bg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
opacity: 0.2;
|
|
z-index: 1;
|
|
}
|
|
|
|
.hero .container {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.hero h1 {
|
|
font-size: 3.5rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.section {
|
|
padding: 6rem 0;
|
|
}
|
|
|
|
.section-title {
|
|
text-align: center;
|
|
margin-bottom: 4rem;
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.card {
|
|
border: none;
|
|
border-radius: var(--border-radius);
|
|
box-shadow: var(--shadow);
|
|
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
|
}
|
|
|
|
.card:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.card-img-top {
|
|
border-top-left-radius: var(--border-radius);
|
|
border-top-right-radius: var(--border-radius);
|
|
}
|
|
|
|
.facility-icon {
|
|
width: 64px;
|
|
height: 64px;
|
|
color: var(--primary);
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.footer {
|
|
background-color: #343A40;
|
|
color: white;
|
|
padding: 3rem 0;
|
|
}
|