p5.js-web-editor/client/styles/components/_form-container.scss

.form-container {
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
  align-items: center;
}

.form-container__header {
	width: 100%;
	padding: #{15 / $base-font-size}rem #{34 / $base-font-size}rem;
	display: flex;
  justify-content: space-between;
}

.form-container__content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.form-container__title {
	font-weight: normal;
	color: $form-title-color;
}

.form-container__divider {
  padding: #{20 / $base-font-size}rem 0;
}

.form-container__logo-button {
  @extend %none-themify-icon;
}

.form-container__exit-button {
  @extend %none-themify-icon-with-hover;
}

.form__table {
  display: block;
  max-width: 900px;
  border-collapse: collapse;
  & td {
    max-width: 300px;
    border: 1px solid #ddd;
    padding: 0 10px 0 10px;
  }
  & tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  & tr.new-key {
    background-color: #f2f2f2;
  }
}