/* GENERAL */

BODY {
  background-color: #000;
  color: #FFF;
  margin: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 26px;
  text-decoration: none;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
}

H1 {
  font-size: 26px;
  font-weight: bold;
}

/* LINKS */

A {
  text-decoration: none;
  color: #0080FF;
}

A:not(:has(img)):hover {
  background-color: #FFF;
}

/* FORM ELEMENTS */

BUTTON {
  font-size: 22px;
  width: 142px;
  height: 50px;
  padding: 10px 10px;
  margin: 2px;
  background: #222;
  color: #FFF;
  border: none;
  cursor: pointer;
  user-select: none;
  min-width: 100px;
}

BUTTON:hover {
  background: #444;
}

TEXTAREA {
  color: #FFF;
  background-color: #222;
  width: 100%;
  max-width: 4096px;
  padding: 10px;
  box-sizing: border-box; /* Include padding and border in the width */
  font-family: Arial, Verdana, sans-serif;
  font-size: 22px;
  border: none; /* Remove border */
  outline: none; /* Remove outline when focused */
}

SELECT,
INPUT[type="text"],
INPUT[type="number"],
INPUT[type="select"] {
  width: 130px;
  height: 50px;
  color: #FFF;
  padding: 10px;
  margin: 2px;
  border: 1px solid #FFF;
  background-color: #222;
  font-size: 22px;
}

SELECT {
  padding: 0px;
}

LABEL {
  font-size: 22px;
  width: 110px;
  height: 28px;
  padding: 10px;
  margin: 2px;
  border: 1px solid #FFF;
  white-space: nowrap; /* Prevent line breaks within labels */
  text-align: right; /* Align text to the right */
  line-height: 28px; /* Center vertically */
  //min-width: 100px;
}

/* CLASSES */

.standard {
  text-align: center;
  max-width: 2000px;
  margin: 0 auto;
}

.full {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.colored {
  background-color: #222;
}

.images {
	display: inline-block;
	vertical-align: top;
}

.ico {
	width: 30px;
	image-rendering: pixelated;
}

.bars
{
background-image: url('/img/yellow.gif');
background-repeat: no-repeat;
background-size: 0px 5px;
}

.noselect
{
user-select: none;
}

.button
{
display: inline-block;
background-color: #222;
padding: 10px 10px;
border: 1px solid #FFF;
margin-top: 2px;
margin-bottom: 2px;
height: 50px;
width: 150px;
line-height: 20px;
vertical-align: middle !important;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}