.button {
    position:               relative;
    background:             #4f93ce;
    border:                 1px solid #4f93ce;
    font-size:              1.1rem;
    color:                  white;
    margin:                 0.5rem 0;
    padding:                0.75rem 2rem;
    cursor:                 pointer;
    -webkit-transition:     background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition:             background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow:               hidden;
    box-shadow:             0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    width:                  180px;
    display:                inline-block;
    box-sizing:             border-box;
    white-space:            nowrap;
}

#settings span {
	line-height:			3em;
	font-style:				italic;
}

.me {
	background-color: 		#eee;
    color: 					#444;
    padding: 				12px 30px;
    margin-right: 			100px;
    border-radius: 			10px;
    margin-bottom: 			1em;
}

.bot {
	background-color: 		#4caf50;
    color: 					white;
    padding: 				12px 30px;
    margin-left: 			100px;
    border-radius: 			10px;
    margin-bottom: 			1em;
}

#settings {
	border: 				1px solid #888;
    background: 			#eee;
    padding: 				0 30px;
    margin-top: 			2em;
}

#buttons {
	margin-top:				3em;
	text-align: 			center;
	height:					70px;
}

#wrapper h2 {
	text-align:				center;
}