/* Showcase */
.showcase {
  height: 400px;
  background-color: var(--primary-color);
  color: var(--light-color);
  position: relative;
}

.showcase h1 {
  font-size: 40px;
}
.showcase p {
  margin: 20px 0;
}

.showcase .grid {
  overflow: visible;
  grid-template-columns: 55% auto;
  gap: 30px;
}

.showcase-text {
  animation: slideInFromLeft 1s ease-in;
}

.showcase-form {
  position: relative;
  top: 60px;
  height: 350px;
  width: 400px;
  padding: 40px;
  z-index: 100;
  justify-self: flex-end;
  animation: slideInFromRight 1s ease-in;
}

.showcase-form .form-control {
  margin: 30px 0;
}

.showcase-form input[type='text'],
.showcase-form input[type='email'] {
  border: 0;
  border-bottom: 1px solid var(--default-text-color);
  width: 100%;
  padding: 3px;
  font-size: 16px;
  color: var(--dark-color);
  background-color: var(--light-background);
}

.showcase-form input:focus {
  outline: none;
}
.tsparticles-canvas-el
{
  position: absolute;
  top: 0;
  background-color: var(--primary-color);
  z-index: -1;
}
#tsparticles
{
  background-color: transparent;
}