.team-form {
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-bottom: 2rem;
}

.team-form h3 {
	background: linear-gradient(90deg, #f0f1f2, #f0f1f2, rgb(241 242 243/0%));
	padding: .5rem 1rem;
	font-size: 1.5rem;
	color: #666;
	margin: 0;
}

.team-form-wrap {
	position: relative;
	margin: 0;
	padding: 2rem 0;
	display: flex;
}

.team-form-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #ddd, #eee, rgb(241 242 243/0%));
}

.team-form-cell {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-w span, .form-l span,
.form-nr span, .form-d span {
	width: 40px;
	height: 40px;
	font-size: 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
	border-radius: 2rem;
  font-family: var(--Roboto)
}

.form-w span {
	background-image: linear-gradient(325deg, rgba(34, 126, 34, 1) 2.9%, rgba(168, 251, 60, 1) 90.3%);
}

.form-l span {
	background-image: linear-gradient(325deg, #b8000a 2.9%, #ff6300 90.3%);
}

.form-d span,
.form-nr span {
	background-image: linear-gradient(325deg, #000 2.9%, #999 90.3%);
}

  @media (min-width: 769px) {
    .form-w span, .form-l span,
    .form-nr span, .form-d span {
      width: 50px;
      height: 50px;
      font-size: 1.5rem;
    }
  }