*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
a:visited{
    color: inherit;
}
.about-section.active{
    background: #191919;
    position: fixed;
    
    width: 90%;
    max-width: 1200px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    border-radius: 23px;
    padding-inline: 2rem 1rem;
    padding-block: 1rem;
   
}

img {
    image-rendering: smooth; /* Ensures smoother rendering */
  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  background: #f9fafb !important; /* Matches bg-gray-50 */
  color: #1f2937 !important; /* Matches text-gray-900 */
}
.messaging-container{
  opacity: 1;
  transform: translateX(-80%);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;

}

.messaging-container.show{
  opacity: 1;
  transform: translateX(0);
}


@media(max-width:1000px){
    
  .about-section.active{
    margin-block: -2rem;
    
    padding-inline: unset;
    z-index: 10;
}
#wrapper-canvas{
    display: none;
}

}

.text-red-600 {
  color: #dc2626; /* close to #dd0031 */
}

.text-sky-400 {
  color: #38bdf8;
}

.text-green-700 {
  color: #047857; /* close to #68a063 but a bit darker */
}

.text-gray-600 {
  color: #4b5563; /* a medium gray, darker than #555555 */
}

.text-green-500 {
  color: #22c55e; /* close to #4db33d */
}