Studio
lorem | Louvain-la-Neuve, Mons, Charleroi
*{
margin: 0;
padding: 0;
}
.cards-container{
margin: auto;
background-color: rgb(240, 207, 207);
width: 80vw;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.card{
width: 40%;
margin-bottom: 3rem;
}
.img {
width: 100%;
}
.titre-sites{
text-align: center;
background-color: #032F5D;
color: white;
position: absolute;
bottom: 0;
width: 100%;
height: 3rem;
line-height: 3rem;
}
.card1, .card2, .card3, .card4, .card5, .card6 {
position: relative;
}
.b-section-marquee-box {
height: 80px;
display: flex;
align-items: center;
overflow: hidden;
/* border: 1px solid #181818; same as bg */
background-color: #AED078;
}
.b-section-marquee-box h2 {
white-space: nowrap;
text-transform: uppercase;
color: white;
/* background-color: #AED078; */
font-size: 2em;
font-weight: 100;
flex-shrink: 0;
padding: 0 10px;
width: max-content;
display: flex;
align-items: center;
transform: translateX(0);
animation: b-text-scroll 15s linear infinite;
}
@keyframes b-text-scroll {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(-100%, 0, 0); }
}