.siteheader{
	height: auto;
	background-color: black;
	display: flex;
	align-items: center;
	padding-right: 20px;
}
.logo{
     width: 125px;
     height: 125px;
}
.logosmall{
     width: 50px;
     height: 50px;
}
.menu{
	background-color: black;
	margin-left: auto;
	justify-content: space-evenly;
}
.titre{
	font-size: 60px;
	font-family: helvetica;
	font-weight: bold;
	color: white;
}
a{
	text-decoration: none;
	color: lime;
}
body{
	background-image: url("https://wallpaperaccess.com/full/4220757.jpg");
	background-position: center;
	background-color: #121212;
	margin-right: 100px;
	margin-left: 100px;
}
.menupadding{
	padding: 10px;
	text-decoration: none;
	color: white;
	font-size: 30px;
	font-family: sans-serif;
}
.selected{
	animation-name: greenwhiteani;
	animation-duration: 3s;
	animation-iteration-count: infinite
}
p{
	color: white;
	font-size: 20px;
	margin: 0px;
	font-family: sans-serif;
}
h1{
	color: white;
	margin: 0px;
	font-family: sans-serif;
}
.flexcontainer{
	justify-content: center;
	height: auto;
	display: flex;
	background-color: black;
	margin-top: 10px;
	padding: 10px;
}
.nav{
	height: auto;
	background-color: #121212;
	margin-right: 10px;
	padding: 10px;
	font-size: 20px;
}
.textbox{
	align-items: center;
	align-content: center;
	background-color: #121212;
	padding: 10px;
	margin: auto;
	text-align: center;
}
.sitefooter{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: black;
	margin-top: 10px;
}
@keyframes greenwhiteani {
	0% {color: green;}
	50% {color: white;}
	100% {color: green;}
}
.greenwhite {
	animation-name: greenwhiteani;
	animation-duration: 2.97s;
	animation-iteration-count: infinite
}
h1{
	text-align: center;
	padding: 10px;
}
span::before {
            content: "Bienvenue";
            animation-name: blang;
            animation-duration: 40s;
            animation-iteration-count: infinite

}
@keyframes blang {
	0% {content: "Bienvenue";}
	5% {content: "Bienvenue";}
	10% {content: "Welcome";}
	15% {content: "Bienvenidos";}
	20% {content: "Willkommen";}
	25% {content: "Vitajte";}
	30% {content: "Merħba";}
	35% {content: "Witamy";}
	40% {content: "Tervetuloa";}
	45% {content: "Benvenuto";}
	50% {content: "Tere tulemast";}
	55% {content: "Welina";}
	60% {content: "Sveiki";}
	65% {content: "тавтай морил";}
	70% {content: "Vítejte";}
	75% {content: "Velkommen";}
	80% {content: "Mauya";}
	85% {content: "Bine ati venit";}
	90% {content: "Добро пожаловать";}
	95% {content: "Barka da zuwa";}
	100% {content: "рәхим итегез";}
}
img {
	border: 10px solid #000000;
	margin: 5px;
}
p {
	font-size: 25px;
}
html {
  scroll-behavior: smooth;
}