.imgfeu {
border-bottom: 5px, solid, #000000;
border-top: 5px, solid, #000000;
font-size: xx-large;
height: 250px;
width: 50px;
}
.imgterre {
height: 250px;
width: 50px;
}
.imgair {
height: 250px;
width: 50px;
}
.imgeau {
height: 250px;
width: 50px;
}
.imgnature {
height: 250px;
width: 50px;
}
.feu {
color: red;
text-align: center;
font-size: x-large;
}
.terre {
color: rgb(124, 69, 37);
text-align: center;
font-size: x-large;
}
.eau {
color: blue;
text-align: center;
font-size: x-large;
}
.nature {
color: green;
text-align: center;
font-size: x-large;
}
.air {
color: rgb(96, 96, 250);
text-align: center;
font-size: x-large;
}
.containerslider1 {
overflow: hidden;
list-style: none;
display: flex;
height: 150px;
margin-top: 5px;
margin-bottom: 5px;
outline: 5px;
outline-color: #000000;
outline-style: solid;
}
.containerslider2 {
overflow: hidden;
list-style: none;
display: flex;
height: 150px;
margin-top: 5px;
margin-bottom: 5px;
outline: 5px;
outline-color: #000000;
outline-style: solid;
}
.containerslider3 {
overflow: hidden;
list-style: none;
display: flex;
height: 150px;
margin-top: 5px;
margin-bottom: 5px;
outline: 5px;
outline-color: #000000;
outline-style: solid;
}
.containerslider4 {
overflow: hidden;
list-style: none;
display: flex;
height: 150px;
margin-top: 5px;
margin-bottom: 5px;
outline: 5px;
outline-color: #000000;
outline-style: solid;
}
.containerslider5 {
overflow: hidden;
list-style: none;
display: flex;
height: 150px;
margin-top: 5px;
margin-bottom: 5px;
outline: 5px;
outline-color: #000000;
outline-style: solid;
}
.air img {
margin-left: 250%;
}
ul img {
animation-timing-function: linear;
overflow: hidden;
height: 100%;
width: 50px;
padding-left: 60px;
animation-name: drive;
animation-duration: 10s;
animation-delay: 0s;
flex-wrap: wrap;
animation-iteration-count: infinite;
}
@keyframes drive {
from {
transform: translateX(-1800px);
}
to {
transform: translateX(2300px);
}
}