.desctription-heading{
    display: block;
    justify-self: center;
    grid-area: 1/12/ 1 / 1;
}

.scheme-image{
    grid-area: 2/1/6/5;
    width: 100%;
}
.inputs{
    grid-area: 2/5/3/6;
    min-width: 300px;
    max-width: 300px;
}
.outputs{
    grid-area: 3/5/4/6;
    min-width: 300px;
    max-width: 300px;
}
.radio-label{
    display: inline-block;
}

p{
    line-height: 0;
}
.max-w{
    width: 80%;
}

.hidden{
    display: none;
}
body{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows:repeat(6,min-content) ;
}