@font-face {
  font-family: "RobotoMono-Regular";
  src: url("./Oswald-Stencil.ttf");
}

body {
  font-family: "RobotoMono-Regular", monospace;
}

/* region Windows */
.win {
	border-style: outset;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-bottom-color: #000000;
	border-right-color: #000000;
	overflow: hidden;
	filter: drop-shadow(0 0 1.5rem #fff7);
}

.win-in{
	border-style: inset;
	border-top-color: #000000;
	border-left-color: #000000;
	border-bottom-color: #ffffff;
	border-right-color: #ffffff;
}

.window {
  color: #333;
}

.window-title{
	background: #0000bb;
	text-align: left;
	padding: 0.25em;
	cursor: move;
  color: white;
}

.window-title > img {
	height: 1em;
	padding-right: 0.5em;
}

.window-title-buttons {
	float: right;
}

.window-title-buttons > button {
	width: 2em;
	height: 1.75em;
	font-size: 0.75em;
}

/* endregion Windows */


/* region Header */

#band-banner-top {
  text-align: center;
  width: 100%;
  background-color: black;
}

#band-banner-top > a {
  text-decoration: none;
}

#band-banner-top > a > img {
  max-width: 100%;
  height: 10em;
}

#band-banner-top > a > h1{
  color: white;
  margin: 0;
  padding: 0.5em;
  text-shadow: 0 0 0.75em white
}

/* endregion Header */