.container {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr  0.1fr 0.1fr 0.1fr;
    grid-template-rows: 0.1fr 0.03fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr  0.1fr 0.1fr 0.1fr;
    grid-gap: 1em;
}

.container > div {
    background-color: #0f61;
    border: 1px solid black;
    padding: 5px;
}


#vstupnihodnoty{

    grid-row-start:1;
    grid-row-end: 8;
    grid-column-start:1;
    grid-column-end:4;
}


#VstupX0{

    grid-row-start:9;
    grid-row-end: 10;
    grid-column-start:4;
    grid-column-end:8;
    align-items: center;
    width: 100%;



}

#VystupX0{

    grid-row-start:10;
    grid-row-end: 11;
    grid-column-start:4;
    grid-column-end:10;



}

#Vystupcoef{

    grid-row-start:12;
    grid-row-end: 13;
    grid-column-start:4;
    grid-column-end:10;



}

#aproximovanehodnoty{

    grid-row-start:13;
    grid-row-end: 14;
    grid-column-start:4;
    grid-column-end:11;


}



#navod{  grid-row-start:14;
    grid-row-end: 16;
    grid-column-start:4;
    grid-column-end:8;

}

#redukceid{  grid-row-start:11;
    grid-row-end: 12;
    grid-column-start:4;
    grid-column-end:6;

}


.redukce{

    grid-row-start:11;
    grid-row-end: 12;
    grid-column-start:8;
    grid-column-end:9;


}


#redIn{  grid-row-start:11;
    grid-row-end: 12;
    grid-column-start:7;
    grid-column-end:8;
    width: 50%;

}

#a{

    grid-row-start:11;
    grid-row-end: 12;
    grid-column-start:6;
    grid-column-end:7;
    text-align: center;
    width: 50%;
    left: 100%;


}

#text{
    grid-row-start:8;
    grid-row-end: 9;
    grid-column-start:4;
    grid-column-end:5;

}


#dctTyp{

    grid-row-start:8;
    grid-row-end: 9;
    grid-column-start:5;
    grid-column-end:6;
    height: 60%;

}

#vystupnihodnoty{

    grid-row-start:1;
    grid-row-end:8;
    grid-column-start:5;
    grid-column-end:8;
}

#obr1{

    grid-row-start:1;
    grid-row-end:4;
    grid-column-start:9;
    grid-column-end:12;
    scale: 0.8;
}

#obr1ID{

    grid-row-start:2;
    grid-row-end:4;
    grid-column-start:9;
    grid-column-end:10;



}

#obr2{

    grid-row-start:4;
    grid-row-end:6;
    grid-column-start:10;
    grid-column-end:12;
    scale: 0.8;
}

#obr2ID{

    grid-row-start:5;
    grid-row-end:6;
    grid-column-start:9;
    grid-column-end:10;
    top:100%;



}

#obr3{

    grid-row-start:6;
    grid-row-end:8;
    grid-column-start:10;
    grid-column-end:12;
    scale: 0.8;
}


#obr3ID{

    grid-row-start:7;
    grid-row-end:9;
    grid-column-start:9;
    grid-column-end:10;
    top:100%;



}

#obr4{

    grid-row-start:8;
    grid-row-end:10;
    grid-column-start:10;
    grid-column-end:12;
    scale: 0.8;

}


#obr4ID{

    grid-row-start:9;
    grid-row-end:10;
    grid-column-start:9;
    grid-column-end:10;
    top:100%;



}

#obr5{

    grid-row-start:10;
    grid-row-end:12;
    grid-column-start:10;
    grid-column-end:12;
    scale: 0.8;

}

#obr5ID{

    grid-row-start:11;
    grid-row-end:12;
    grid-column-start:9;
    grid-column-end:10;
    top:100%;



}



#x0id {
    grid-row-start: 8;
    grid-row-end: 9;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider0{

    grid-row-start: 8;
    grid-row-end: 9;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x00{
    grid-row-start:8;
    grid-row-end: 9;
    grid-column-start:3;
    grid-column-end:4;

}


#x1id {
    grid-row-start: 9;
    grid-row-end: 10;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider1{

    grid-row-start: 9;
    grid-row-end: 10;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x01{

    grid-row-start:9;
    grid-row-end: 10;
    grid-column-start:3;
    grid-column-end:4;

}

#x2id {
    grid-row-start: 10;
    grid-row-end: 11;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider2{

    grid-row-start: 10;
    grid-row-end: 11;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x02{

    grid-row-start:10;
    grid-row-end: 11;
    grid-column-start:3;
    grid-column-end:4;

}

#x3id {
    grid-row-start: 11;
    grid-row-end: 12;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider3{

    grid-row-start: 11;
    grid-row-end: 12;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x03{

    grid-row-start:11;
    grid-row-end: 12;
    grid-column-start:3;
    grid-column-end:4;

}

#x4id {
    grid-row-start: 12;
    grid-row-end: 13;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider4{

    grid-row-start: 12;
    grid-row-end: 13;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x04{

    grid-row-start:12;
    grid-row-end: 13;
    grid-column-start:3;
    grid-column-end:4;

}

#x5id {
    grid-row-start: 13;
    grid-row-end: 14;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider5{

    grid-row-start: 13;
    grid-row-end: 14;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x05{

    grid-row-start:13;
    grid-row-end: 14;
    grid-column-start:3;
    grid-column-end:4;

}

#x6id {
    grid-row-start: 14;
    grid-row-end: 15;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider6{

    grid-row-start: 14;
    grid-row-end: 15;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x06{

    grid-row-start:14;
    grid-row-end: 15;
    grid-column-start:3;
    grid-column-end:4;

}

#x7id {
    grid-row-start: 15;
    grid-row-end: 16;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider7{

    grid-row-start: 15;
    grid-row-end: 16;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x07{

    grid-row-start:15;
    grid-row-end: 16;
    grid-column-start:3;
    grid-column-end:4;

}


#x8id {
    grid-row-start: 16;
    grid-row-end: 17;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider8{

    grid-row-start: 16;
    grid-row-end: 17;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x08{

    grid-row-start:16;
    grid-row-end: 17;
    grid-column-start:3;
    grid-column-end:4;

}

#x9id {
    grid-row-start: 17;
    grid-row-end: 18;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider9{

    grid-row-start: 17;
    grid-row-end: 18;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x09{

    grid-row-start:17;
    grid-row-end: 18;
    grid-column-start:3;
    grid-column-end:4;

}

#x10id {
    grid-row-start: 18;
    grid-row-end: 19;
    grid-column-start: 1;
    grid-column-end: 2;


}

.slider10{

    grid-row-start: 18;
    grid-row-end: 19;
    grid-column-start: 2;
    grid-column-end: 3;


}


#x010{

    grid-row-start:18;
    grid-row-end: 19;
    grid-column-start:3;
    grid-column-end:4;

}

