#graph {
    background: url(../img/net_bg_2.svg);
	background-repeat: no-repeat;
    background-size: 100%;
	background-color: #070e14;
    padding: 5em;
}

#graph_content {
    display: flex;
    margin-top: 4em;
}

@media (max-width: 992px) {
    #graph {
        padding: 5em 1.5em 0;
    }

    .mobile_graph {
        overflow: auto;
    }

    .mobile_graph img {
        min-width: 200%;
    }
}

.graph_box {
    display: flex;
	align-items: center;
    padding: 2em 1em;
    border-radius: 6px;
    border: solid 1px;
    border-image-slice: 1;
    font-size: 0.6em;
}

.graph_green {
    background: linear-gradient(103deg,rgba(23, 55, 55, 1) 0%, rgba(39, 130, 121, 0.47) 100%);
	border-image-source: linear-gradient(to right, rgba(40, 254, 208, 0.47), rgba(23, 55, 55, 1) 100%);
}

.graph_blue {
    background: linear-gradient(103deg,rgba(36, 90, 105, 1) 0%, rgba(36, 90, 105, 0.47) 100%);
	border-image-source: linear-gradient(to right, rgba(100, 199, 255, 1), rgba(100, 199, 255, 0.1) 100%);
}

.graph_brown {
    background: rgba(244, 195, 67, 0.13);
	border-image-source: linear-gradient(to right, rgba(244, 195, 67, 1), rgba(244, 195, 67, 0.02) 100%);
    font-family: "Kode Mono", monospace;
}

.graph_box_plus {
    display: block;
    width: 32px;
    margin: auto;
}

.graph_box h2 {
    font-size: 0.93rem;
    margin-bottom: 0;
}

.graph_box img {
    float: left;
    margin-right: 1.1em;
}

.graph_box_dashed {
    background: #232f33;
    border: dashed 1.5px #455459;
    border-radius: 6px;
    padding: 1em 1.2em;
    margin-bottom: 4em;
    font-size: 0.9em;
}

.graph_box_dashed img {
    margin-right: 0.8em;
    margin-bottom: 0.7em;
}

.graph_box_dashed .kodo {
    font-family: "Kode Mono", monospace;
}

.graph_line_box {
    width: 5.2em;
    padding: 2.2em 0;
}

.graph_line {
    display: block;
    width: 2em;
    border: solid 1.5px;
    border-bottom: 0;
    border-left: 0;
    height: 201px;
    margin-bottom: 0;
}

.last_line {
    border-bottom: solid 1.5px;
}

.green_line {
    border-color: #25C7C1;
}

.blue_line {
    border-color: #257FB1;
}

.green_box_line:before {
    content: url(../img/graph/green_arrow.svg);
    position: absolute;
    display: block;
    width: 35px;
    margin-top: 0.8em;
    margin-left: -4.6em;
}

.blue_box_line:before {
    content: url(../img/graph/blue_arrow.svg);
    position: absolute;
    display: block;
    width: 35px;
    margin-top: 0.8em;
    margin-left: -4.6em;
}

.last_col {
    margin-left: 4em;
}

.single_console img {
    width: 160px;
}

.single_console:before {
    content: url(../img/graph/orange_arrow.svg);
    position: absolute;
    display: block;
    width: 110px;
    margin-top: 105px;
    margin-left: -4em;
}

.graph_img {
    width: 1500px;
}