.intro {
color:#ceac13;
}

.wrapper {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100vh;
margin:0;
padding:0;
max-width:1440 px;

}
h1 {
    font-size: 4rem;
}
.container p {
    color:white;
    font-size: 1.25rem;
}

.background-image{ 
    background-color: rgba(16, 0, 122, 0.766); /* Solid yellow with transparency */
    background-image: url('../images/homepage-hero.webp'); /* Background image */
    background-blend-mode: overlay; /* Ensure the color blends over the image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.exercises {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;

  
    
   
    
}

.card {
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:400px;
    padding: 0 50px;
 
        
   
   
}

.space-top-24 {
   margin-top:24px;
}

.space-top-48 {
    margin-top:48px;
 }