html {
  font-family: Verdana;
  font-size: medium;
  color:#d2b7b7;
  margin: 0;
}

nav {
  background-color: black;
  text-align: center;
}

img {
  width: 250px; 
  height: 250px;
  background-color: #000000;
  padding: 10px;
  border-radius: 12px;
  align-items: center;
}

h1, h4 {
  text-align: center;
  color: navajowhite
}

body {
  background-image: linear-gradient(#000000,#434343);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.w3-quarter {
  transition: transform 0.3s;
}

.w3-quarter:hover {
  color: white;
  background-color: black;
  border-color: white;
  border-radius: 10px;
  transform: scale(1.1);
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.8);
  animation: pulse 1s infinite;
}

.w3-row-padding.w3-padding-16.w3-center {
  padding: 20px;
}

@keyframes pulse {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.05); 
  }
  100% {
      transform: scale(1);
  }
}