body {
    font-family: 'Fira Sans';
}

#main{
    width: 2320px;
    height: auto;
    background-color: #f2f2f2;
    /* outline: 2px dotted blue; */
}

.groupdiv {
    float: left;
    width: fit-content;
    height: 100%;
}
.connectiondiv {
    float: left;
    height:100%;
    width: 220px;
}
.spacer {
    width: 100%;
    height: 70px;
    /* outline: blue dotted; */
}
.minispacer {
    width: 100%;
    height: 5px;
    /* outline: blue dotted; */
}
.langle {
    width: 100%;
    height: 70px;
    /* outline: green dotted; */
    background-image: linear-gradient(top, #f2f2f2 34px, transparent 34px 70px),
    linear-gradient(left, #f2f2f2 99px, transparent 99px 200px),
    linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px),
                      linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);
    background-image:
    -webkit-linear-gradient(top, #f2f2f2 34px, transparent 34px 70px),
    -webkit-linear-gradient(left, #f2f2f2 99px, transparent 99px 200px),
    -webkit-linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px),
                      -webkit-linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);
}
.rangle {
    width: 100%;
    height: 70px;
    /* outline: green dotted; */
    background-image: linear-gradient(bottom, #f2f2f2 34px, transparent 34px 70px),
    linear-gradient(right, #f2f2f2 99px, transparent 99px 200px),
    linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px),
                      linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);
    background-image:
    -webkit-linear-gradient(bottom, #f2f2f2 34px, transparent 34px 70px),
    -webkit-linear-gradient(right, #f2f2f2 99px, transparent 99px 200px),
    -webkit-linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px),
                      -webkit-linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);
}
.lrangle {
    width: 100%;
    height: 70px;
    /* outline: green dotted; */
    background-image: linear-gradient(bottom, #f2f2f2 34px, transparent 34px 70px),
    linear-gradient(left, #f2f2f2 99px, transparent 99px 200px),
    linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px),
                      linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);
    background-image:
    -webkit-linear-gradient(bottom, #f2f2f2 34px, transparent 34px 70px),
    -webkit-linear-gradient(left, #f2f2f2 99px, transparent 99px 200px),
    -webkit-linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px),
                      -webkit-linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);
}
.halfspacer {
    width: 100%;
    height: 35px;
}
.line {
    width: 100%;
    height: 70px;
    background-image: linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);
    background-image: -webkit-linear-gradient(bottom, transparent 34px, black 34px 36px, transparent 36px 70px);

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.linedown{
    width: 100%;
    height: 70px;
    background-image: linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px);
    background-image: -webkit-linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px);

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.miniline{
    width: 100%;
    height: 5px;
    background-image: linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px);
    background-image: -webkit-linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px);

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.halflinedown{
    width: 100%;
    height: 35px;
    background-image: linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px);
    background-image: -webkit-linear-gradient(left, transparent 99px, black 99px 101px , transparent 101px 200px);
}


.title {
    background-color: white;
    width: 280px;
    height: 70px;
    border-radius: 10px 10px 0px 0px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.title > div {
    text-align: left;
    max-width: 80%;
}

.tech {
    height: 70px;
    width: 280px;
    border-radius: 0px 10px 10px 0px;
    background-color: white;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    padding-left: 48px;
    align-items: center;
    font-size: 14px;
}

.tech > div{
    text-align: left;
    max-width: 70%;
}

.product {
    background-color: white;
    width: 160px;
    height: 45px;
    border-radius: 0px 10px 10px 0px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
}
.prodcircle {
    border-radius: 50%;
    background-color: #AFAFAF;
    width: 25px;
    height: 25px;
    margin-left: 10px;
}
.prodtext{
    margin-left: 5px;
    max-width: 50%;
    word-wrap: break-word;
    font-size: 10px;
}

#fg_u {
	background-image: linear-gradient(bottom, #c53131, #c53131 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(bottom, #c53131, #c53131 10%, transparent 10%, transparent 100%);
}

#u > .tech{
    background-image: linear-gradient(top, #c53131, #c53131 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(left, #c53131, #c53131 10%, transparent 10%, transparent 100%);
}

#fg_s  {
	background-image: linear-gradient(bottom, #f39300, #f39300 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(bottom, #f39300, #f39300 10%, transparent 10%, transparent 100%);
}

#s > .tech{
    background-image: linear-gradient(top, #f39300, #f39300 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(left, #f39300, #f39300 10%, transparent 10%, transparent 100%);
}

#fg_c  {
	background-image: linear-gradient(bottom, #ffd500, #ffd500 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(bottom, #ffd500, #ffd500 10%, transparent 10%, transparent 100%);
}
#c > .tech{
    background-image: linear-gradient(top, #ffd500, #ffd500 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(left, #ffd500, #ffd500 10%, transparent 10%, transparent 100%);
}

#fg_t {
	background-image: linear-gradient(bottom, #78b843, #78b843 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(bottom, #78b843, #78b843 10%, transparent 10%, transparent 100%);
}
#t > .tech{
    background-image: linear-gradient(top, #78b843, #78b843 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(left, #78b843, #78b843 10%, transparent 10%, transparent 100%);
}

#fg_d  {
	background-image: linear-gradient(bottom, #00afca, #00afca 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(bottom, #00afca, #00afca 10%, transparent 10%, transparent 100%);
}
#d > .tech{
    background-image: linear-gradient(top, #00afca, #00afca 70%, transparent 70%, transparent 100%);
    background-image: -webkit-linear-gradient(left, #00afca, #00afca 10%, transparent 10%, transparent 100%);
}

.spacerfirst {
    width: 100%;
    height: 70px;
}