@font-face {
  font-family: aly;
  src: url(/fonts/Allegias\ demo.ttf);
 }
.btn-teal {
    background-color: #2c2c2c;
    color: rgb(255, 255, 255);
    font-size: 22px;
    border-color: black;
    letter-spacing: 3px;
    
}
.btn-teal:hover{
    background-color: rgb(128, 128, 128);
    border-color: black;
    color: aliceblue;
}
#hrd{
    font-family: aly;
}
.note{
    color: rgb(3, 3, 3);
}

.event-card {
/* Background properties */
    background-image: url("./images/stars.jpeg");
    background-size: cover;      /* Scales image to fill the card */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat;
    border-radius: 40px; /* Highly rounded corners */
    overflow: hidden;
    height: 100%;
    border: 2px color(black);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.card-img-top-wrapper img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.cards{
margin:30px;
}



/* Mobile responsiveness: Reduce image height on small screens */
@media (max-width: 576px) {
    .card-img-top-wrapper img {
        height: 150px;
    }


.cards{
    margin:50px;
    padding-left: 0px;
    margin-top: 1px;
}
}