@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom scroll animation */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(40px);
  transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
}
.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Hero subtle overlay */
#hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.4) 100%);
}

/* Logo - Responsive size */
.logo {
  height: 24px;
  width: auto;
}
.logof {
  height: 120px;
  width: auto;
}



@media (min-width: 768px) {
  .logo {
    height: 24px;
  }
  
  #try{
	display: flex;
  justify-content: center;
	height: 25px;
  }
	
  #comdiv{
	  
	  display: grid;
    grid-template-columns: repeat(2, 1fr);
	  
  }
  
  
  
}

.comlogo{
	height: 120px;
	width: auto;
	
}

#try{
	display: flex;
  justify-content: center;
	height: 200px;
}