@charset "utf-8";

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

::placeholder {
  color: grey;
  opacity: 1; /* Firefox */
  font-size: 15px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: grey;
  font-size: 15px;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: grey;
  font-size: 15px;
}



.solid {
  
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header img {
  width: 75px;
  height: 75px;
  flex-shrink: 0;
}
header h1 {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
 
}
@media (max-width: 520px) {
  header h1 {
    font-size: 1em;
  }
}
.disabled {
	pointer-events: none;
	cursor: default;
	opacity: 0.6;
	color: grey;
}

/* Icons, somewhat necessary */
form-group>i {
	user-select: none;
	color: white;
	background-color: gray;
	font-size: 1.2em;
	transition: 0.1s ease-in-out;
	padding: 10px;
	border-radius: 10px;
}

form-group>i:hover {
	box-shadow: 1px 1.5px 3px #555;
	color: #FFD700;
	transform: translate(0, -3px);
}

form-group>i:active {
	transform: translate(0, 1px);
}
.imgContainer {
      width:auto; 

    }
.flexibleImg {
      width: auto;
      height: 100px; /* Apply your height */
    }
    

    
    
    ul {
	background:#333;
	color:#fff;
	padding:10px 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width:100%;
	display:block;
	height:100%;
	clear:both;
	margin:0 auto 0 auto;
	text-align:center;
}

ul li {
	list-style:none;
	font-family:verdana;
	font-size:15px;
}