body {
    max-width: 700px;
    margin-left:auto;
    margin-right: auto;
    font-size: 14px;
}
nav {
    margin: 10px;
}

a {
    font-family: muli;
    margin-left: 1px;
    margin-right: 1px;
}
.avatar {
    margin: 5px;
    border-radius: 25%;
}
input {

    font-family: muli;
}
h1 {
font-family: 'Alegreya Sans SC', sans-serif;
text-align: center;
margin-bottom: 20px;
}

h2 {
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    font-size: 24px;
    margin-top: -10px;
    margin-bottom: -10px;
}
h3 {
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    margin-bottom: 20px;
}

img {
    width: 55px;
    height: 55px;
    margin-top: -10px
} 

#slogan {
    display: inline;
}
#logo {
    display: inline;
}

.userGrid{
    display: grid;
    grid-template-columns: repeat(2, 150px);
    grid-template-columns: rows(3, 150px);
    align-items: center;
    max-height: 220px;
    overflow-y:auto;

}
.userEntry {
    text-align: center;
}
.cancelButton {
    background-color: palevioletred;
}
.sendButton {
    color:white;
    background-color: black;
} 

li {
    list-style-type:   none;
}
.activeRequest {
    background-color:blueviolet;
    color:white;
    border-radius: 8px;
}

.completeRequest {
    background-color: #3BC49C; 
    color:white;
    border-radius: 8px;
}
.canceledRequest {
    background-color:palevioletred;
    color:white;
    border-radius: 8px;
}
.stealthButton {
  background: none!important;
  border: none;
  padding: 0!important;
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}

#top {
    display: flex;
    justify-content:space-between;
    margin: 10px;
}
.opsButton {
    display: inline;
    width: 110px; 
    font-size: 14px;
    background-color: black ;
    margin: 10px 10px 10px  10px
}
.opsButtonForm{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.opsButtonCancel {
    background-color: black;
    color: red
}
.opsButtonComplete {
    background-color: black;
    color: green
}
.opsButtonService {
    background-color: black;
    color: blueviolet
}
.opsButtonDelete {
    background-color: black;
    color: white
}
li {
    margin-top: 10px;
    margin-bottom: 10px;
}
.chat {
    max-width: 95%;
    margin-left: 2.5%;
    text-align: center;
    display:block;
}