@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sankofa+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Megrim&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap');

  
body {
	background-color: rgb(174, 183, 212);
	cursor: url("images/cheese.png"), auto;
	margin-top: 15ex;
}

h1 {
	color: rgb(59, 17, 144);
	font-size: 60px;
	font-family: "Sankofa Display", sans-serif;
	text-align: center;
	border: 4px solid rgb(59, 17, 144);
	margin-left: 20rem;
	margin-right: 20rem;
	padding-top: 1ex;
	padding-bottom: 1ex;
}

h2 {
	color: rgb(59, 17, 144);
	font-size: xx-large;
	font-family: "Megrim", system-ui;
}

.centered {
	text-align: center;
}

img {
	width: 50vw;
}

p {
	color: black;
	font-size: 18px;
	font-family: "Press Start 2P", system-ui;
}

ol {
	line-height: 2;
}

a {
	cursor: url("images/cheese.png"), auto
}

table {
	border-spacing: 2ex;
}

nav {
	background-color: rgb(71, 81, 126);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

nav ul {
	display: flex;
	/* permet d'utiliser toute la largeur de la page */
	height: 5ex;
}

nav li {
	list-style-type: none;
	display: inline;
	margin: auto;

}

nav a {
	color: white;
	text-decoration: none;
	font-size: 40px;
	font-family: "Metal Mania", system-ui;
}

.blink_text {	
	animation-name:blink;
	width:280px;
	animation-duration:2s;
	animation-timing-function:ease-in;
	animation-iteration-count:Infinite;
	}
  
  @keyframes blink{
	0%{color:red;}
	50%{color:white;}
	100%{color:red;}
  }