@green: #1FF01F;
@red: #a52a2a;
@blue: #3498db;
@white: #f5f5f5; // whitesmoke
@purple: #9355b5; // 6lack - that far cover

.vbox-vbox {
    grid-area: vbox;

    display: flex;
    flex-flow: column;

    .vbox-colours {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 1em;
        align-items: center;
        margin: 1em 0;

        svg {
            width: 100%;
            stroke: none;
            border: 2px solid #222;
        }

        svg.red {
            fill: @red;
        }

        svg.green {
            fill: @green;
        }

        .blue {
            fill: @blue;
        }
    }

    .vbox-skills, .vbox-specs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1em;
        align-items: center;

        button {
            width: 100%;
        }
    }
}