File size: 1,230 Bytes
e42ae37 c4f6f92 e42ae37 c4f6f92 e42ae37 c4f6f92 e42ae37 c4f6f92 e42ae37 c4f6f92 533e085 e42ae37 533e085 e42ae37 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 | * {
padding: 0;
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
overflow: hidden;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
}
h1 {
font-size: 6rem;
color: #ffffff;
}
@media (max-width: 670px) {
h1 {
font-size: 4rem;
}
}
@media (max-width: 500px) {
h1 {
font-size: 2rem;
}
}
@media (max-width: 375px) {
h1 {
font-size: 1.5rem;
}
}
img {
height: 100vh;
width: 100vw;
object-fit: cover;
object-position: top;
}
.image-fond{
position: absolute;
}
.fond {
height: 100vh;
width: 100vw;
position: absolute;
background-color: rgba(0, 0, 0, 0.35);
}
.content {
text-align: center;
padding: 2rem 4rem;
border-radius: 20px;
background: linear-gradient(#6666663d, #555555);
}
.ani-bounce {
display: inline-block;
margin: 0 0.5rem;
/* animation: pulse; */
animation: shakeY;
/* referring directly to the animation's @keyframe declaration */
animation-duration: 10s;
/* don't forget to set a duration! */
animation-iteration-count: infinite;
} |