.theme-dropdown {
  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
}

@keyframes growDown {
  0% {
      transform: scaleY(0)
  }

  80% {
      transform: scaleY(1.1)
  }

  100% {
      transform: scaleY(1)
  }
}

.typed {
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  animation: typing;
  animation-duration: 1.5s;
  animation-timing-function: steps(30, end);
  animation-fill-mode: forwards;
}
  
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/*for login page starts */

.content-1,
.content-2 {
  display: none;
}

.typewrite .wrap {
  overflow: hidden;
  border-right: 0.15em solid white; /* Typing cursor */
  white-space: nowrap;
  animation: typing 3s steps(40, end), blink-caret 0.75s step-end infinite;
}

@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: white; }
}


.transform-180
{
    transform: rotate(180deg);
}
/*for login page ends*/

/* Add this style in your CSS file or style section */
.resizable {
  resize: both; /* Enables both horizontal and vertical resizing */
  overflow: auto; /* Ensures that content doesn't overflow */
}