.boxsquare{
    position: absolute;
    aspect-ratio: 1 / 1;
    z-index: 2;
}

/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d1-bus-1 {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.25);
    top: 291px;
    left: 0;
}

.d1-bus-2 {
    width: 100px;
    height: 100px;
    background: #72141c96;
    top: 291px;
    left: 100px;
}

.d1-bus-3 {
    width: 200px;
    height: 200px;
    background: rgba(255, 255, 255, 0.25);
    bottom: 0;
    left: 0;
}

.d1-bus-4 {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.25);
    top: 91px;
    right: 150px;
}

.d1-bus-5 {
    width: 100px;
    height: 100px;
    background: rgb(8 8 8 / 55%);
    top: 241px;
    right: 200px;
}


/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d2-bus-1 {
    width: 150px;
    height: 150px;
    background: rgb(194 79 79);
    top: 120px;
    left: 0px;
}

.d2-bus-2 {
    width: 300px;
    height: 300px;
    background: #8d0304;
    top: 270px;
    left: 0;
}

.d2-bus-3 {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.25);
    bottom: 0;
    left: 0;
}

.d2-bus-4 {
    width: 100px;
    height: 100px;
    background: #8d0304;
    top: 270px;
    left: 678px;
}

.d2-bus-5 {
    width: 200px;
    height: 200px;
    background: rgb(194 79 79);
    bottom: 300px;
    right: 0;
}

.d2-bus-6 {
    width: 300px;
    height: 300px;
    background: #910304;
    bottom: 0;
    right: 0;
}

/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d4-bus-1 {
    width: 150px;
    height: 150px;
    background: rgb(194 79 79);
    top: 120px;
    left: 0px;
}

.d4-bus-2 {
    width: 300px;
    height: 300px;
    background: #8d0304;
    top: 270px;
    left: 0;
}

.d4-bus-3 {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.25);
    bottom: 0;
    left: 0;
}

.d4-bus-4 {
    width: 150px;
    height: 150px;
    background: #8d0304;
    bottom: 50px;
    left: 725px;
}

.d4-bus-5 {
    width: 100px;
    height: 100px;
    background: rgb(194 79 79);
    bottom: 150px;
    right: 0;
}

.d4-bus-6 {
    width: 150px;
    height: 150px;
    background: #910304;
    bottom: 0;
    right: 0;
}

/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d5-bus-1 {
    width: 100px;
    height: 100px;
    background: rgb(194 79 79);
    bottom: 245px;
    left: 49px;
}

.d5-bus-2 {
    width: 150px;
    height: 150px;
    background: #740000;
    bottom: 100px;
    left: 0;
}

.d5-bus-3 {
    width: 100px;
    height: 100px;
    background: #740000;
    bottom: 104px;
    left: 991px;
}

.d5-bus-4 {
    width: 150px;
    height: 150px;
    background: #a84040;
    bottom: 302px;
    right: 0;
}

.d5-bus-5 {
    width: 200px;
    height: 200px;
    background: #740000;
    bottom: 100px;
    right: 0;
}

/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d6-bus-1 {
    width: 150px;
    height: 150px;
    background:#8b0000;
    bottom: 395px;
    left: 0;
}

.d6-bus-2 {
    width: 300px;
    height: 300px;
    background: #a00c0c;
    bottom: 100px;
    left: 0;
}

.d6-bus-3 {
    width: 150px;
    height: 150px;
    background: #8d0304;
    bottom: 194px;
    left: 733px;
}

.d6-bus-4 {
    width: 150px;
    height: 150px;
    background: #910304;
    bottom: 350px;
    right: 0;
}

.d6-bus-5 {
    width: 100px;
    height: 100px;
    background: #c24f4f;
    bottom: 250px;
    right: 0;
}

/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d7-bus-1 {
    width: 100px;
    height: 100px;
    background:#ab0509;
    top: 0;
    left: 0;
}

.d7-bus-2 {
    width: 150px;
    height: 150px;
    background: #df5c65;
    bottom: 0;
    left: 0;
}

.d7-bus-3 {
    width: 100px;
    height: 100px;
    background: #b00609;
    top: 0;
    right: 0;
}

.d7-bus-4 {
    width: 150px;
    height: 150px;
    background: #df5c65;
    top: 100px;
    right: 0;
}

/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d8-bus-1 {
    width: 150px;
    height: 150px;
    background:#740000;
    bottom: 100px;
    left: 0;
}

.d8-bus-2 {
    width: 100px;
    height: 100px;
    background: #a84040;
    bottom: 0;
    left: 0;
}

.d8-bus-3 {
    width: 150px;
    height: 150px;
    background: #a84040;
    bottom: 300px;
    right: 0;
}

.d8-bus-4 {
    width: 300px;
    height: 300px;
    background: #700000;
    bottom: 0;
    right: 0;
}

/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/
/*-<>-<>-<>-<>-<>-<>-<>-<>-<>-*/

.d10-bus-1 {
    width: 100px;
    height: 100px;
    background:#695954;
    top: 370px;
    left: 0;
}

.d10-bus-2 {
    width: 100px;
    height: 100px;
    background: #300505;
    top: 370px;
    left: 100px;
}

.d10-bus-3 {
    width: 200px;
    height: 200px;
    background: #6c5851;
    bottom: 0;
    left: 0;
}

.d10-bus-4 {
    width: 150px;
    height: 150px;
    background: #71524d;
    top: 280px;
    right: 150px;
}

.d10-bus-5 {
    width: 75px;
    height: 75px;
    background: #8b2629;
    top: 429px;
    right: 225px;
}

.d10-bus-6 {
    width: 150px;
    height: 150px;
    background: #564343;
    bottom: 0;
    right: 0;
}

@media (max-width: 1112px) {
    .boxsquare {
        display: none !important;
    }
}