/* Please define your custom styles here */

/* margins for consent page */
cons {
  margin-left: 10%;
  margin-right: 10%;
}


.button {
    position:absolute;
    border: 2px solid;
  }

.button2 { /* size for buttons in 4afc */
  height: 5%;
  width: 20%;
  margin: 5%;
  font-size: 30px;
  } 

.button3 { /* buttons for filler */
    border: 2px solid;
    margin: 5%;
  }

textarea {
  width: 400px;
  height: 400px;
}

.keyboard{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px 0;
  background: grey;
  /* box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);*/
  user-select: none; /* user cannot select keyboard ? */
  transition: botton 0.4s; /*lets keyboard appear from botton ? */
  height: 220px
}

.keyboard--hidden { /* hide keyboard below screen */
  bottom: -100%;
}

.keyboard__keys { /*keys */
  text-align: center;
}

.keyboard__key { /*elements on keys, without mouse press*/
 height: 45px;
 width: 6%;
 max-width: 90px;
 margin: 3px;
 border-radius: 4px;
 border: black;
 background: rgba(255, 255, 255, 0.2);
 color: black;
 font-size: 1.05rem;
 outline: none;
 cursor: pointer;
 display: inline-flex;
 align-items: center; 
 justify-content: center;
 vertical-align: top;
 padding: 0;
 -webkit-tap-highlight-color:transparent;
 position: relative;
}

.keyboard__key:active { /*different key while mouse press (change opacity)*/
 background: rgba(255, 255, 255, 0.12);
}

.keyboard__key--wide {/*for wider keys*/
 width: 12%;
}

.keyboard__key--extra-wide {
 width: 36%;
 max-width: 500px;
}

.keyboard__key--dark {
    background: rgba(0, 0, 0, 0.25);
}


testword {
  font-size: 30px;
}

/* width of the outside container for the slider  */

.slidecontainer {
  width: 75%;
  margin-left: 11%;
}
.slider_adj
{
  width: 50%;
}