* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.paint__box {
    width: 100px;
    height: 300px;
    border: 1px solid black;
    margin: 5px;
    padding: 10px;
}


.container {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}



.colorone {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: red;
}
.colortwo {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: green;
}
.colorthree {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: blue;
}
.colorfour {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: yellow;
}
.colorfive {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: #fff;
}


.item {
    width: 300px;
    height: 300px;
    border: 1px solid #000;
    background: #fff;
}

.items__owner {
    display: flex;
    gap: 10px;
}

.paint {
    display: flex;
}


.paint__box2 {
    width: 100px;
    height: 300px;
    border: 1px solid black;
    margin: 5px;
    padding: 10px;
}

.cl1 {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: red;
}
.cl2 {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: green;
}
.cl3 {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: blue;
}
.cl4 {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: yellow;
}
.cl5 {
    width: 50px;
    height: 50px;
    border: 1px solid black;
    background: #fff;
}