body {
  background-color: snow;
  margin: 20px;
}

.my-main-name-bg {
  background-image: conic-gradient(red 30deg, yellow 60deg, green 90deg, lightblue 120deg, lightpink 150deg, lime 180deg, cyan 210deg, magenta 240deg, coral 270deg, indigo 300deg, mistyrose 330deg);
}

.my-secondary-name-bg {
  background-image: linear-gradient(to right, lightblue, pink);
}

.form {
  clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
}

.my-content {
  background-color: rgba(251, 130, 88, 0.8);
  max-height: 70vh;
  clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
  overflow-y: scroll;
}
.my-content .my-form {
  background-color: antiquewhite;
}

/*# sourceMappingURL=style.css.map */