body{
font-family: sans-serif;
line-height: 1.5;
}

.header{
height: 100vh;
background: radial-gradient(circle, #6d95c7, #226bc9);
color: white;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}

.header img{
height: 90px;
}

.header p{
text-shadow: 0 0 2px black;
}

.element{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 50px 50px;
}

.content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
opacity: 0;
}

.element p{
max-width: 300px;
text-align: center;
}

.elm2, .elm4{
background-color: #226bc9;
color: white;
align-items: flex-start;
}

.elm1, .elm3{
align-items: flex-end;
}
.fade-lert{
 transform: translateX(-50%)
}