body {
  background-color: #011C27;
  font-family: arial;
}

label{
  font-size: 1.5em;
  color: white;
}

button{
  text-align: center;
  padding: .5em;
  font-size: 24px;
  border: none;
  color:white;
}

.paragraphTextWrapper{
  background-color: white;
  padding: .5em;
}

.wrapper{
  display: grid;
  grid-template-columns: auto auto auto auto;
  padding: 5em;
}

.JSON_In_Wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto;
  padding: .5em;
  grid-column: 1;
  grid-row: 1;
}

#JSONLabel{
  grid-row: 1;
  grid-column: 1/3;
}

#labels{
  grid-row: 2;
  grid-column: 1;
  color: white;
}

#input{
  background-color: #EFDAA3;
  grid-row: 2;
  grid-column: 2;
}

.submit{
  padding: .5em;
  grid-column: 2;
  grid-row: 3;
}

.Zen_Out_Wrapper {
  padding: .5em;
  grid-column: 2;
  grid-row: 1;
}

.Zen_Out_Ticket_Wrapper{
  grid-column: 3;
  grid-row: 1;
}

.Summary_Wrapper{
  grid-column: 1/4;
  grid-row: 2;
}

.warning{
  padding-top: 2em;
  font-size: 2em;
  color: orangered;
  grid-column: 1/4;
  grid-row: 3;
}

.VPN_Wrapper{
  grid-column: 1/4;
  grid-row: 4;
}

.buttonWrapper{
  display: grid;
  grid-template-columns: auto auto auto auto;
}

#VPNSummaryID{
  grid-column: 1;
}

#MalSummaryID{
    grid-column: 2;
}

#UF2CSummaryID{
    grid-column: 3;
}

#PFSummaryID{
  grid-column: 4;
}