/* styles.css */
body, .input, .button {    font: normal 16px Verdana;    margin: 0;}
.layout {    margin: 10px auto;    max-width: 1000px;}
.menu {    margin: 0 0 30px;}
.user-list {    list-style: none;    margin: 0 0 10px;    padding: 0;}
.user-list-item {   /* background: #fafafa;*/    border: 1px solid #ddd; /*   color: #333; */   display: block;    margin: 0 0 1px;    padding: 8px 15px;    text-decoration: none; float:left; width:35%;}
.user-list-item:hover {    text-decoration: underline;color:#882233;  /*font-size:1.2em */   background: #e8e8e8;}
.label {    display: block;    margin: 0 0 5px;}
.input {    border: 1px solid #ddd;    border-radius: 3px;    box-sizing: border-box;    display: block;    margin: 0 0 10px;    padding: 10px 15px;    width: 100%;}
.button {    background: #eee;    border: 1px solid #ddd;    border-radius: 3px;    color: #333;    display: inline-block;    margin: 0 0 10px;    padding: 10px 15px;    text-decoration: none;}
.button:hover {    background: #e8e8e8;}

.empathy{padding:0.2em 3em; margin:1em 2em}
img {
  border-radius: 10%;
}