img {
  max-width: 100%;
  box-sizing: border-box;
}

body {
  margin: 0;
  height: 100vh;
  width: 100vw;

  display: flex;
  justify-content: center;  
  align-items: center;     

  overflow: hidden;       
  background-color: black;  
}

/* #astrogradient {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: -1;        
  object-fit: cover;   
  
} */

.astrotv {
  width: 450px;
  height: auto;
  z-index: 10;
  position: relative;
  filter: drop-shadow(0 0 60px rgba(0,0,0,0.7));
  transition: filter 0.3s ease, transform 0.3s ease;
}


.astrotv:hover {
  filter: drop-shadow(0 0 60px rgba(0,0,0,0.7)) 
          drop-shadow(0 0 30px rgba(255, 105, 180, 0.8));
  transform: scale(1.05); 
}