/**
Theme Name: Mon thème christopher nolan
Template:   twentytwentyfour
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: the WordPress team
Author URI: https://wordpress.org
Description: Une version du thème wordpress twentytwentyfour modifié pour correspondre a mes exigence, WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.1.1712642467
 */

.anim1 {
	position: relative;
	left: -1000px;
	/* Position de départ en dehors de l'écran */
	animation: slideIn 1.5s ease forwards;
}

@keyframes slideIn {
	to {
		left: 0;
		/* Position finale à laquelle l'élément doit glisser */
	}
}

.anim2 {

	position: relative;
	left: 2100px;
	/* Position de départ en dehors de l'écran */
	animation: slideIn 2s ease forwards;
}

@keyframes slideIn {
	to {
		left: 0;
		/* Position finale à laquelle l'élément doit glisser */
	}
}

.anim3 {

	position: relative;
	left: -1000px;
	/* Position de départ en dehors de l'écran */
	animation: slideIn 2.5s ease forwards;
}

@keyframes slideIn {
	to {
		left: 0;
		/* Position finale à laquelle l'élément doit glisser */
	}
}

.anim4 {
	opacity: 0;
	/* Définit l'opacité à 0 pour masquer le contenu initialement */
	animation: fadeIn 4s ease forwards;
	/* Utilise l'animation fadeIn pendant 1 seconde */
}

@keyframes fadeIn {
	to {
		opacity: 1;
		/* Définit l'opacité à 1 pour afficher complètement le contenu */
	}
}

.anim5 {
	opacity: 0;
	/* Définit l'opacité à 0 pour masquer le contenu initialement */
	animation: fadeIn 4s ease forwards;
	/* Utilise l'animation fadeIn pendant 1 seconde */
}

@keyframes fadeIn {
	to {
		opacity: 1;
		/* Définit l'opacité à 1 pour afficher complètement le contenu */
	}
}