* {
    box-sizing: border-box;
}

body {
    width: 100vm;
    height: 100vh;
    margin: 0;
}

.item {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #181818;
    font-size: 1.2rem;
    font-weight: bold;
}

.color1 {
    background-color: #f28c8c;
}
.color2 {
    background-color: #f2d388;
}
.color3 {
    background-color: #f2f288;
}
.color4 {
    background-color: #88f290;
}
.color5 {
    background-color: #88d9f2;
}
.color6 {
    background-color: #8c88f2;
}
.color7 {
    background-color: #d988f2;
}
.color8 {
    background-color: #f288d9;
}
.color9 {
    background-color: #a0a0a0;
}
.color10 {
    background-color: #e0e0e0;
}