﻿.list{
	list-style-type: circle;
	text-align:left;
}
.features-container{
	border:none 1px white;
    position: relative;
    top:20%;
	width:100%;
	display: auto;
	justify-content:center;
}
.features-subcontainer{
	float:left;
	padding:5px;
	margin:2px;
	text-align:center;
	border:solid 1px #a4bfda;
	width:210px;
	height:200px;
	background-color:rgba(58, 104, 149, 0.2);
	backdrop-filter: blur(5px) contrast(0.8);
	cursor: pointer;
}
.features-subcontainer:hover {
	background-color:rgba(58, 104, 149, 0.6);
}
@media (max-width: 799px) {
	.features-container{
		display: auto;
	}
	#brand {
		visibility: hidden;
	}
}
@media (min-width: 800px) {
	.features-container{
		display: flex;
	}
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in-element {
  opacity: 1;
  animation: fadeIn 4s ease-in-out;
}
/*define a cor da barra superior da seção*/
.mbr-navbar__section { 
  background: #003366;
  height: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
/*Primary Background Color da barra superior*/
#ext_menu-1.mbr-navbar--stuck .mbr-navbar__section {
	background: #003366;
}
/*Primary Background Color do rodapé*/
.Primary-Background-Color{
	background: #003366;
}
/*Primary Font Color das fontes*/
.Primary-Font-Color{
	color: #ffffff;
}
.Secondary-Font-Color{
	color: #003366;
}
.Title{
	font-family: Abel;
	font-size: 26px;
	font-weight: none;
	font-style: Italic;
	text-transform: uppercase;
	color: #003366;
}
#background-container {
    transition: background-image 4s ease-in-out;
}
.oscilante-btn {
  width: 60%;
  height: 40px;
  background-color: rgba(255, 165, 0, 0.5); /* Orange com transparência */
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding:5px;
  animation: flutuar 2s ease-in-out infinite;
}
.oscilante-btn:hover{
	background-color: rgba(255, 165, 0, 0.8);

}
/* Animação de oscilação vertical */
@keyframes flutuar {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}
