@charset "UTF-8";
/* CSS Document */

body{
	
	background-color: gray; 
	color: white;
	animation: fadeInUp 1s ease-out forwards;
}






@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px); /* Starts slightly lower */
  }
  to {
    opacity: 1;
    transform: translateY(0);    /* Ends at its original position */
  }
}







.navbar-custom, .navbar-custom {
   background-color: rgba(128, 128, 128, 0.5);
	backdrop-filter: blur(1rem);
	box-shadow:1.3rem 1.3rem 1.3rem rgba(0,0,0,0.5);

	
}

.navbar-custom .navbar-brand, .navbar-custom .navbar-text,

.navbar-custom .navbar-nav .nav-link,

.navbar-custom .dropdown-item {

   margin-left: 30px;
	color: #e9fe7a;
	 font-family: "Orbitron", sans-serif;
	
}

.dropdown-item:hover{
	
	background-color:#e9fe7a ;
	border-radius: 20px;
	
}

.dropdown-item.active{
	color:#9a2f8a;
		background-color:#e9fe7a ;
	border-radius: 20px;
}

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link,

.navbar-custom .nav-item:focus .nav-link,

.navbar-custom .dropdown-item:hover, 

.navbar-custom .dropdown-item:focus {

    color: #9a2f8a; 

}



.dropdown-menu{
	background-color: rgba(128, 128, 128, 0.7);
	backdrop-filter: blur(1rem);
	box-shadow:1.3rem 1.3rem 1.3rem rgba(0,0,0,0.5);
}

footer{
background-color: rgba(128, 128, 128, 0.7);
	backdrop-filter: blur(3rem);
	box-shadow:1.3rem 1.3rem 1.3rem rgba(0,0,0,0.5);
	text-align: center;

}