/*
 *	demoPseudoAgent
 *
 *  Copyright (c) 2020 Ingenuity i/o. All rights reserved.
 *
 *	See license terms for the rights and conditions
 *	defined by copyright holders.
 *
 *
 *	Contributors:
 *      Chloé Roumieu <roumieu@ingenuity.io>
 *
 */
 
h1 {
  text-align: center;
}

h2 {
	height: 500px;
	overflow: auto;
}

input[type=text] {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #A9A9A9;
  border-radius: 4px ;
  box-sizing: border-box;
  font-size: 40px;
  vertical-align: middle
}

input:focus {
    outline: none !important;
    border:1px solid #14BEEF;
    box-shadow: 0 0 5px #01A3D4;
}

input[type=submit] {
  width: 100%;
  height: 100%;
  font-size: 40px;
  background-color: #14BEEF;
  color: white;
  padding: 14px 20px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #01A3D4;
}

img {
  max-width: 100%;
	max-height: 100%;
	display: block;
  vertical-align: middle
	margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  width: auto;

}

.rectangle {
  border: 1px solid #505050;
  border-radius: 5px;
  height: 500px;
}

.row {
  vertical-align: middle
}

.slider-container {
  margin-top: 50px;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#sliderValue {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}

.slider {
  width: 100%;
}