h1{
  font-family: 'Playball', cursive;
}

main {
  display: grid;
  grid-template:  
    "editor data" 1fr
  /  1fr    1fr;
}

pairing-editor {
  font-family: 'Playball', cursive;
  width: 100%;
  display:grid;
  gap: 1em;
  border-radius: 1em;
  box-shadow: -1px 2px 4px #cecece ;
  background: rgba(153, 4, 78, 0.938);
  color:white;
  padding: 1em;
}


pairing-editor ol {
  padding: 0;
}

pairing-editor ol li {
  margin: 1em;
}

pairing-editor button {
  justify-self: end;
}

.wrapper{
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  width: 100%;
}

data-viewer {
  font-family: 'Playball';
  padding: 2em;

}