BryKnight's picture
Create a fitness gym website with motivational hero video, class schedule timetable, trainer profiles with specializations, membership pricing comparison, transformation gallery, facilities photos, and trial class signup form.
d90f038 verified
raw
history blame contribute delete
867 Bytes
/* Custom styles */
body {
font-family: 'Montserrat', sans-serif;
}
.font-oswald {
font-family: 'Oswald', sans-serif;
}
.font-montserrat {
font-family: 'Montserrat', sans-serif;
}
/* Video hero overlay */
.video-hero::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
}
/* Trainer card hover effect */
.trainer-card:hover .trainer-img {
transform: scale(1.05);
}
/* Transformation gallery hover effect */
.transformation-card:hover .transformation-overlay {
opacity: 1;
}
/* Membership card hover effect */
.membership-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
/* Form input placeholder color */
::placeholder {
color: rgba(254, 202, 202, 0.7);
}