body {
	margin: 0; 
	padding: 0px 15px; 
	background: #0F489F; 
	background: linear-gradient(180deg,rgba(15, 72, 159, 1) 0%, rgba(0, 38, 84, 1) 100%); 
	color: #ffffff; 
	font-family: "Roboto", sans-serif; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	height: 100vh; 
	text-align: center; 
	flex-direction: column; 
} 
	
strong {
	font-weight: 700;
}
	
p {
	font-size: 1.2rem; 
	max-width: 500px; 
	margin: 0 auto 1rem;
}
	
.logo {
	margin: 0 auto 2rem; 
	text-align: center;
}

.logo img {
	height: 200px;
	filter: drop-shadow(0px 0px 10px rgba(0, 38, 84, 1)); 
	transition: 0.5s ease;
	
}
	
.logo img:hover {
	animation: move 0.1s infinite;
}

@keyframes move {
	0% {
		transform : rotate(0deg);
	}
	25% {
		transform : rotate(1deg);
	}
	50% {
		transform : rotate(0deg);
	}
	75% {
		transform : rotate(-1deg);
	}
	100% {
		transform : rotate(0deg);
	}
}

.logos {
	display: flex; 
	gap: 2rem; 
	justify-content: center; 
	margin-top: 2rem; 
	align-items: center;
}
	
.logos img {
	height: 70px;
	transition: 0.5s ease;
}

.logos img:hover {
	transform : scale(1.025);
}
	
footer {
	position: absolute; 
	bottom: 1rem; 
	font-size: 0.8rem; 
	color: #ccc;
}