/* css for facc-6 
buttons and dropdown
December 2026. */

/* button CSS */
.btn-group {
  display: flex;
  flex-direction: column;
}

.button, .dropdown {
  display: block;
  background-color: indigo;
  width: 150px;
  border: 2px solid indigo;
  border-radius:6px;
  margin:2px auto;
  color: Snow;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  cursor: pointer;
}

.btn-group .button:hover {
  color: gold;
  border: solid 2px gold;
}
/*  .btn-group .button:not(:last-child) {
  border-bottom: none; /* Prevent double borders */
} */


/*. dropdown CSS */
.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: silver;
   text-align:left;
  color: Indigo;
  font-size:1.1em
  font-family:"Century Gothuic",Helvetica., sans-serif;
  padding: 10px 8px;
  border-radius: 6px;
}

.dropdown:active .dropdown-content {
  display: block;
  left:5px;      width: 190px;
  transition: 0s 10s;
}

/* announcement  */
.ann {
	background-color:Gainsboro;
	color:Red;
	width:150px;
	margin:5px auto;
	paddding:10px;
	font-family: Helvetica, sans-serif;
	font-size:2.5vw;
	border-radius: 8px;
	text-align: center;
}