hw-js-15-GraphQL-Redux/src/styles.css

body {
    background-color: rgb(168, 168, 170);
}

.wrapperAuth{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.login , .register , .logout {
    width: 100%;
    margin-bottom: 10px;
    background-color: rgb(131, 126, 126);
}

.status{
    font-size: 30px;
}

.categoriesBtn , .goodsBtn , .ordersBtn{
    background-color: yellow;
    color: rgb(8, 92, 15);
    font-size: 30px;
    margin-bottom: 10px;
}



.renderList{
    background-color: rgb(236, 236, 146);
    color: rgb(61, 60, 60);
    font-size: 30px;
    width: 60%;
    margin: 0 auto;
    padding: 15px;
    border-radius: 10px;
    list-style: none;
}

span {
    margin-right: 10px;
}

.sideBar{
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
}

input {
    width: 100%;
    margin-bottom: 10px;
}

.btnDetail{
    border-radius: 50%;
    background-color: rgb(48, 194, 251);
    height: 60px;
}

.btnWrapper{
    display: flex;
    flex-direction: column;
}