html{
	font-size: 1.1rem;
}
#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
}

footer {
  position: absolute;
  width: 100%;
  height: 6.5rem;/* Footer height */
  background-color: white;
  padding-top: 1rem;
}

div.background{
	background-image: url("../img/background.jpg");
	background-repeat: no-repeat;
	/*background-size:100% auto;*/
	background-size:cover;
	width: 100%;
	background-attachment: fixed;
}

textarea.textarea-input{
	resize: none;
	width: 100%;
	height: 5rem;
}

footer{
	/*background-color : rgba(91, 146, 211, 1);*/
	border: none;
	/*color : #F9F9FAFF;*/
}

div.case-login{
	background-color : rgba(32, 99, 154, 0.8)    /*  10% opaque green */ ;
	border: none;
	color :#200B04;
	padding-top: -100px;
}

div.case-login a{
	color :#E2C6FCFF;
	text-decoration: underline;
}

div.p-5{
	padding-top: 1rem !important;
	padding-bottom: 6rem !important;
}

div.info{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

button.btn-login{
	float : right;
	color: #200B04;
	background-color:white;
	border-color: #CEC8B6;
}

.container-box{
	background-color: rgba(255, 255, 255, .6);
	padding-top: 2rem !important;
	padding-bottom: 3rem !important;
}

.color-picker{
	height: 100%;
	width: 100%;
	border-color: transparent;
	background-color: transparent;
}

.colorpicker-container{
	background-color: white;
	padding: 10px;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #67D4FF;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #67D4FF;
  cursor: pointer;
}

.text-output{
	background-color: white;
}

.pixel-center{
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.pixel-center div{
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.case-catg{
  margin: 10px;
  padding: 15px;
}

.pixel-game{
  margin-left: auto;
  margin-right: auto;
}

.centered-button{
  margin-top: auto;
  margin-bottom: auto;
}