body{
    background-color: seashell;
}

main > div{
    margin: 20px 10%; 
    border-bottom: 2px solid rgb(0, 102, 153);
    display: flex;
	align-items: center;
	flex-direction:row;
    font-size: 100px;
    transform: translateY(50px); /* Déplacement initial */
    opacity: 0; /* Caché au départ */
    transition: transform 1.5s ease-out, opacity 0.6s ease-out; /* Animation fluide */
    margin-left: 5%;;
    
}

main > div p {
	margin: 0;
	margin-left: 20px;
}

main > div p:first-child{
    font-size: 30%;
}

main > div p:last-child{
    font-size: 50%;
    color:rgb(0, 102, 153);
}

main > div.visible {
    transform: translateY(0); 
    opacity: 1;
}



h2{
    text-align: center;
    font-style: italic;
}

h1{
    font-size: 60px;
    margin-left: 5%;;
}


span{
    font-size: 50%;
}