@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lekton:ital,wght@0,400;0,700;1,400&display=swap');
* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

.ffp {
	background-image: url(../img/xl\ \(2\).jfif);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
}

header {
	background-color: rgb(0, 0, 0);
	top: 0;
	position: sticky;
	z-index: 2;
	
}

nav {
	display: flex;
	justify-content: space-evenly;
	top: 0;
	position: sticky;
	animation: fadeIn 0.5s ease-in-out 0.3s forwards;
}

@keyframes fadeIn {
    0% { opacity: 0; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-40px); }
    100% { opacity: 10; transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(40px); }
    100% { opacity: 10; transform: translateY(0); }
}

.navbar {
	display: none;
}

nav ul, img{
	display: flex;
	color: rgb(255, 255, 255);	
}

ul > img {
	
	height: 55px;
}
nav ul li {

	list-style-type: none;
	margin: auto 35px;
	font-weight: bold;
	font-size: 1.2em;
	opacity: 50%;
}

nav ul li:hover {
	opacity: 100%;
	transition: 0.5s;
}

li a  {
	text-decoration: none;
	color: rgb(255, 255, 255);
}

.titulo {
	padding-top: 16%;
	text-align: center;
	color: rgba(255, 255, 255, 0.753);
	text-shadow: 1px 2px 5px rgba(255, 255, 255, 0.438);
	line-height: 55px;
	animation: fadeInUp 2.5s ease-in-out 0.3s forwards;
}

h1 {
	font-size: 4em;
	color: rgba(0, 0, 0, 0.932);
	font-family: "Bebas Neue", sans-serif;
	animation: fadeIn 3.5s ease-in-out;
}

h2 {
	font-size: 2em;
	font-family: "Bebas Neue", sans-serif;
	color: rgb(14, 14, 29);
	animation: fadeInDown 1.8s ease-out 0.5s backwards;
}

h5 {
	font-size: 1em;
	color: rgba(0, 0, 0, 0.801);
	font-family: "Bebas Neue", sans-serif;
	animation: fadeInUp 1.8s ease-in-out 0.5s forwards;
}

li a:hover {
	transition: 0.5s;
	text-shadow:
	0 0 7px #aaaaaa,
	0 0 10px #bdbdbd,
	0 0 21px #cccccc,
	0 0 42px rgb(221, 221, 221),
	0 0 82px #eeeeee,
	0 0 92px rgb(16, 17, 17),
	0 0 102px rgb(107, 107, 107),
	0 0 151px rgb(141, 141, 141);
}

nav>img {
	color: white;
	width: 75px;
	padding-bottom: 5px;
	padding-top: 5px;
}	

nav>img:hover {
	cursor: pointer;
}

section.banner2 {
	background-image: linear-gradient(to left, black, #004BFA, black);
	height: 10px;
}

section.banner {
	background-image: linear-gradient(to left, black, rgb(5, 5, 5), black);
	color: white;
	height: 10px;
}

.fundo {
	background-size: cover;
	background-position: center bottom;
	height: 100vh;

	
	
}

.text {
	background-color: black;
	font-size: 28px;
	color: white;
	display: flex;
	justify-content: space-around;
	padding: 50px 0;
}

.texto {
	width: 800px;
}

.molsheim {
	width: 408px;
	font-weight: 400;
	height: 100px;
}

.sect1 {
	background-color: black;
	color: white;
}

.text1 {
	text-align: center;
	margin: auto;
	width: 50vw;
}

.text1 > h1 { 
		padding: 30px 0 ;
		font-size: 4em;
		color: rgba(255, 255, 255, 0.932);
		font-family: "Bebas Neue", sans-serif;
	}

.text1 > p {
	font-size: 20px;
	text-align: justify;
	line-height: 30px;
}

.citacao {
	background-color: #004BFA;
	font-size: 20px;
	width: 30vw;
	padding: 40px;
	margin: auto;
	line-height: 30px;
}

.c1 > p	 {
	font-family: "Lekton", monospace;
	display: flex;
	justify-content: flex-start;
	font-weight: 500;
}

p {
	animation: fadeInUp 5s ease-in-out 0.5s forwards;
}





footer {
    background-color: rgb(15, 15, 15);
    color: white;
    text-align: center;
    font-size: 0.8em;
    padding: 5px;
	height: 30px;
}

footer a {
    color: white;
    font-weight: bolder;
    text-decoration: none;
	display: block;
	margin: auto;
}

footer a:hover {
    text-decoration: underline;
    color: rgba(216, 216, 216, 0.274);
}



/*