LinesOverlay/styles.css

.lines-overlay-container {
    width: 500px;
    height: 500px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    clip-path: border-box;
}

.line {
    background-color: var(--line-color);
    position: absolute;
    transform-origin: top left;
    width: var(--line-width);
}

.station {
	position: absolute;
	font-size: 25px;
	z-index: 1000;
	color: var(--red);
}

.port {
	position: absolute;
	font-size: 25px;
	z-index: 1000;
	color: var(--red);
}

.shelter {
	position: absolute;
	font-size: 25px;
	z-index: 1000;
	color: var(--red);
}

.portal {
	position: absolute;
	font-size: 25px;
	z-index: 1000;
	color: var(--red);
}

.icon {
	position: absolute;
	font-size: 25px;
	z-index: 1000;
	color: var(--red);
}