@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');


body {
  margin: 0;
  padding: 20px;
}
#json-edit { 
  font-family: monospace;
  height: calc(80vh - 12px);
  margin-top: 80px;
  margin-left: 5px;
}

body {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#json-edit {
  flex: 1 0 auto;
  width: 48%;
}
.half-width-wrapper {
  width: 50%;
  flex: 1 0 auto;
    margin-top: 75px;

}

view-json {
  --pre-height: calc(100vh - 20px);
}

h1 {
  position: absolute;
  font-family: Raleway, Arial, Helvetica, sans-serif;

}

#article {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding:10% 0 0 0;
}