.belong .navigation .logo .logo-f {
    fill: var(--color-black);
}

.belong .navigation .logo .logo-h {
    fill: var(--color-background);
}

.belong .burger > span {
    background: var(--color-black);
}

.belong .burger > span:nth-child(2) {
    background: var(--color-background);
}

.belong .page1 .page-column:first-child {
    background: var(--color-black);
}

.belong h1 {
    color: white;
}

.belong .page1 p,
.belong .software > div:hover::before{
    color: var(--color-black);
}

.belong .software svg {
    fill: var(--color-black);
}

.belong .image {
    width: calc(100% - var(--container-border-size) *2);
    margin: var(--container-border-size);
}

.belong .apple-pear {
    background-color: #AAD969;
}

.belong .joycons {
    background-color: #C4584B;
}

.belong .mic-headphone {
    background-color: #506C9E;
}

.belong .pot-cover {
    background-color: #B36D39;
}

.belong .shelf-bin {
    background-color: #CDC45B;
}

.belong .apple-pear .image {
    background-image: url(../images/graphic-design/belong/apple-x-pear-green-shadow.webp);
}

.belong .joycons .image {
    background-image: url(../images/graphic-design/belong/joy-con-red-shadow.webp);
}

.belong .mic-headphone .image {
    background-image: url(../images/graphic-design/belong/micro-x-headphone-blue-shadow.webp);
}

.belong .pot-cover .image {
    background-image: url(../images/graphic-design/belong/pot-x-cover-orange-shadow.webp);
}

.belong .shelf-bin .image {
    background-image: url(../images/graphic-design/belong/shelf-x-bin-yellow-shadow.webp);
}