* {box-sizing: border-box;}
body {
    background-color: #191b1c;
    margin: 0px;
}

a {
    color: #36bdff;
}

p {
    font-family: sans-serif !important;
}

.text-1 {
    font-family: Roboto Mono;
    font-size: 13pt;
    color: white;
}

.text-2 {
    font-family: Roboto Mono;
    font-size: 16pt;
    color: white;
}

.text-3 {
    font-family: Roboto Mono;
    font-size: 12pt;
    color: #A3A3A3;
}

.text-4 {
    font-family: Roboto Mono;
    font-size: 16pt;
    color: #A3A3A3;
}

.text-green {
    color: green;
}

.text-red {
    color: red;
}

.link {
    color: #2477a1;
}

.dash-horisontal {
    background-image: linear-gradient(to right, yellow 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 25px 1px;
    background-repeat: repeat-x;
}

.dash-vertical {
    background-image: linear-gradient(to bottom, yellow 33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 1px 25px;
    background-repeat: repeat-y;
}

.solid-vertical {
    background-image: linear-gradient(to bottom, #4B5563 100%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 1px 25px;
    background-repeat: repeat-y;
}

.hidden {
    display: none !important;
}

.col-0 {
    grid-column: 0;
}

.col-1 {
    grid-column: 1;
}

.col-2 {
    grid-column: 2;
}

.col-3 {
    grid-column: 3;
}

.col-4 {
    grid-column: 4;
}

.row-0 {
    grid-row: 0;
}

.row-1 {
    grid-row: 1;
}

.row-2 {
    grid-row: 2;
}

.row-3 {
    grid-row: 3;
}

.row-4 {
    grid-row: 4;
}