@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
body{
  font-family: 'Abril Fatface', cursive;
  background-color: black;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  padding: 25px;
  margin: 0;
  color: white
  } 
  
a {
  color: hotpink;
}

h1, h2, h3, h4, h5 {
  color: #F9B7FF;
  text-align: center;
  border: 2px white;
  border-width: 5px;
  border-style: outset;
  border-radius: 5px;
  font-family: serif;
}

p {
  font-family: fantasy;
  font-size: 20px;
}
/*
.menu{
	margin: 20px 80px;
	display: flex;
	flex-wrap: wrap;
	position: sticky;
	top: 0;
	border: white;
	border-width: 5px;
	border-style: ridge;
	border-radius: 5px;
	background-color: #741544;
	padding: 10px 0px;
}
*/
.buttons{ 
     display: flex;
     border: rgb(133, 29, 81) 5px;
     border-style: outset;
     font-family: baskerville;
     background-color: black;
     text-align: center;
     flex-wrap: wrap;
     margin-top: 10px;
}

/* barre de navigation */
#menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

#menu li {
  float: left;
}

#menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

#menu li a:hover:not(.active) {
  background-color: #111;
}

#menu .active {
  background-color: #04AA6D;
}
table{
	font-family: baskerville;
	background-color: #571B7E;
	border-color: #DCD0FF;
	border-style: outset; 
	border-radius: 10px;
	border: 3px; 
	border-spacing: 30px;
	}
tr:hover {background-color: #967BB6;}

li{
	font-family: fantasy;
	font-size: 20px;
	}