@charset "utf-8";
/* CSS Document */

.container-proba {
  display: grid;
  
  height: auto;
  grid-template-areas: "font1 font1"
  "start-proba start-proba"
  "font-2 font-2"
  "end-proba end-proba"
  "font3 font3"
  "ligature ligature"
  "font4 font4"
  "weight weight"
  "font5 font6"
  "weight-ligature weight-metal";
  grid-template-columns: 0.5fr;
  grid-template-rows: auto auto auto auto auto auto auto auto 3em 4em;
	grid-gap: 0.5em 1em;
}
.container-proba  {
  box-shadow: inset 0 0.2em 1.2em 0.2em #ccc;
list-style: none;
font-size: 1.2em;

line-height: 1.2em;
padding: 2em;
width: 95%;		
position: initial;

}


.kalkul .container-proba{
	box-shadow: inset 0 0.1em 1em 0.1em #808080;padding:1.5em; line-height:1.5; margin:1em;
font-size: 1.2em;

line-height: 1.2em;
float: left;
padding: 2em;
width: 94%;		
margin:  0.8em 1em 0 0.8em;
position: initial;

}

.font1 {
  grid-area: font1;
}
.start-proba {
  grid-area: start-proba;
}
.font-2 {
  grid-area: font-2;
}
.end-proba {
  grid-area: end-proba;
}
.font3 {
  grid-area: font3;
}
.ligature {
  grid-area: ligature;
}
.font4 {
  grid-area: font4;
}
.weight {
  grid-area: weight;
}
.font5 {
  grid-area: font5;
	font-size: 1.2em;
}
.font6 {
  grid-area: font6;
	font-size: 1.2em;
}
.weight-ligature {
  grid-area: weight-ligature;
	place-self: center;
}
.weight-metal {
  grid-area: weight-metal;
	place-self: center;
}
@supports (display: grid) {
  .wrapper > * {
    margin: 0;
    max-width: 100%;
  }
  
 
}