body{
	background-color: #343a40;
}
label{
    margin-top:10px;
    font-size: "1.5em";
}
.form-control{
    font-size: "1.5em";
}
.container-fluid{
	background-color: #fff;
	min-height: 100px;
}
.btn-default{
    /* BS4 changed the appearance of btn-default on anchor tags.
      I liked the old way better... so that's
      what I am making happen here.  */
    background-color: #CCC;
    color: black;
}
.btn {
    /*make text wrap nicely in buttons */
    white-space:normal;
    font-size:2em;
    width:100%; 
}
textarea {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}
#chat_history{
    height: 250px;
    border-style: solid;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    padding: 5px;
    overflow-y: scroll;
}
.bg-success{
    margin-left: 10px;
    padding: 5px;
	border-top-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.bg-info{
    margin-right: 10px;
    padding: 5px;
	border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; 
}