FrontendDavid/scss/style.css

body {
  background-color: bisque;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  -ms-grid-row: 5;
  grid-row: 5;
  padding-left: 1%;
  padding-right: 1%;
}

.Titel {
  text-align: center;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1 / 6;
  -ms-grid-row: 1;
  grid-row: 1;
}

.Eingabe {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 4;
  grid-row: 2/6;
  background-color: lightgrey;
  border: 1px solid black;
}

.Eingabe #go {
  margin-left: 40%;
  margin-top: 5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  height: 30px;
}

.Ausgabe {
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-column: 3 / 6;
  -ms-grid-row: 2;
  -ms-grid-row-span: 4;
  grid-row: 2/6;
  background-color: lightgray;
  border: 1px solid black;
}

h2, h1 {
  text-align: center;
}

textarea {
  resize: none;
  overflow: auto;
  width: 90%;
  height: 3%;
  margin-left: 5%;
}

table {
  margin-left: 3%;
  margin-right: 3%;
  scroll-behavior: auto;
}

table td, table tr {
  border: 1px solid black;
}

table .fix .headcol {
  position: absolute;
  width: 5em;
  left: 0;
  top: auto;
  border-top-width: 1px;
  margin-top: -1px;
}
/*# sourceMappingURL=style.css.map */