/* Style config */
html {
  font-family: "Segoe UI Variable Text", "Arial", "New Times Roman";
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

main {
  background-color: rgb(248, 248, 248);
}

.maint {
    color: red;
    display: none;
}
/*.maint::before {
    content: "Please note that MikhaiHosting will be unavailable for system maintenance 4/18/2025 3 PM to 4/21/2025 due to server software updates and hardware changes. During this time, this website may be inaccessible, and the Crooms Bell Schedule app update system will not be able to install new updates. Thank you for your understanding. ";
}*/

/* Header configuration */
.hdr {
  background: rgb(36, 97, 61);
  color: white;
  margin-top: 0;
  border-radius: 10px;
  padding-bottom: 2px;
}

.hdr .buttons {
  display: inline-block;
  user-select: none;
}

.hdr .buttons a {
  display: inline-block;
  text-decoration: none;
  color: white;
  background-color: gray;
  padding: 10px;

  margin-left: 10px;
  margin-top: 5px;
  border-radius: 10px;
  vertical-align: middle;
}

.title
{
    background-color: rgb(45, 137, 83) !important;
    font-size: 24px;
    padding: 5px !important;
}

.title:hover
{
    /*background-color: rgb(38, 160, 89) !important;
    cursor: pointer;*/
	cursor: default;
}

.hdr .buttons a:hover {
  background-color: rgb(155, 153, 153);
}

.hdr .buttons a:active {
    background-color: rgb(181, 181, 181);
}

.hdr .buttons .current {
  background-color: rgb(36, 131, 63);
  pointer-events: none;
  cursor: pointer;
  pointer-events: none;
}

.hdr h1 {
  margin: 0;
  padding: 0;
  display: inline;
  vertical-align: middle;
  margin-left: 5px;
}

/* Footer / misc */
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 24px;
}

a {
  color: green;
}

a:visited {
  color: green;
}

a:hover {
  color: blue;
}

/* Dark theme */

@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }

  main {
    background-color: black;
  }
}


button {
	  text-decoration: none;
	border: none;
	padding: 10px 20px;
	background: rgb(0,128,40);
	color:white;
	border-radius:5px;
	font-size:48px;
}

button:hover{
	background: rgb(0,96,40);
	cursor:pointer;
}