@import url(https://fonts.googleapis.com/css?family=Lato);
body{
  background-color:#ecf0f1;
  /*overflow:hidden;*/
  overflow: scroll;
}
.topBar{
  /*z-index:1;*/
  position:absolute;
  width:200px;
  height:40px;
  background-color:#f39c12;
  font-family: 'Lato', sans-serif;
  overflow:hide;

}
.form{
  margin-top:40px;
  position:absolute;
  width:200px;
  height:160px;
  background-color:#f1c40f;
}
.controls{
  margin-top:10px;
  margin-left:10px;
  position:absolute;
  width:200px;
  height:300px;
  background-color:#f1c400;
  font-family: 'Lato', sans-serif;
  font-size: 70%;
  display: none;
  z-index:1;
  box-shadow: 10px 10px 11px 0px rgba(0,0,0,0.63);
}
.textAria{
  position:absolute;
  border-color:red;
  width:180px;
  height:140px;
  position:absolute;
  margin:10px;
  font-family: 'Lato', sans-serif;
  overflow:hide;
}
.textAria:focus{
  outline: 0;
}
hr {
  border-top: 2px;
}