body {
  text-align: center;
  font-family: Verdana;
}

h1 {
  font-size: 1.2rem;
}

#topIMG {
  height: 100px;          /* Set your desired fixed height */
  width: auto;            /* Width adjusts automatically */
  max-width: 100%;        /* Prevents overflow */
  display: block;         /* Allows margin auto to center the image */
  margin: 0 auto;         /* Centers the image horizontally */
}


#map-container {
  display: flex;
  justify-content: center;  /* center horizontally */
  align-items: center;      /* center vertically */
}

.dynamic-button {
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  max-width: 100%; /* Prevent overflow on smaller screens */
  box-sizing: border-box; /* Includes padding and borders in the width/height */
}

.dynamic-button:hover {
  transform: scale(1.05); /* Slightly enlarge the image */
}

.info-container, .dimensions-container, .delivery-container, .origin-container, .rate-container, .accessorial-container, .shipmentInfo-container {
  display: flex;
  align-items: center;
  font-size: 1rem;
  gap: 1rem; /* space between elements */
  justify-content: center; /* center them horizontally within the container */
}

.accessorial-container {
  color: #808080;
  font-size: 0.7rem;
}

.rate-container {
  color: #ff0000;
}

@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.rotating {
  animation: rotateAnimation 3s linear infinite;
}