* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}

h1,
h2 {
  margin: 0.25em;
}

table {
  text-align: center;
}

tr.foundation,
tr.diploma-ds {
  background-color: antiquewhite;
}

tr.diploma-dp,
tr.degree {
  background-color: aquamarine;
}

thead {
  background-color: lightblue;
}

th,
td {
  padding: 5px;
}

td.course-name {
  text-align: left;
}

select {
  height: 1.5rem;
}

#json-input {
  display: flex;
  margin-top: 1rem;
  gap: 10px;
}

#json-input .left-side {
  display: flex;
  flex-direction: column;
  gap: 5px;
}