html {
    scroll-behavior: smooth;
}

body {
    padding-top: 52px;
}


.funky-gradient {
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
}


/*====
Hero Background
======*/
body#index .hero-background {
    background-image: url('../img/background.jpg');
    background-position: top -160px right 20px;
}
body#product-chords .hero-background {
    background-image: url('../img/product-chords.jpg');
    background-position: top -160px right 20px;
}
body#product-synth .hero-background {
    background-image: url('../img/product-synth.jpg');
    background-position: top 60px right 20px;
}
body#product-metronome .hero-background {
    background-image: url('../img/product-metronome.jpg');
    background-position: 25% 75%;
}


/*====
Product section
======*/
.product-hover:hover {
    background-image: linear-gradient(144deg, #AF40FF, #5B42F3 50%, #00DDEB);
    color: white;
    cursor: pointer;
}
.product-hover:hover span,
.product-hover:hover p {
    color: white;
}



/*====
Google Maps
======*/
#map-container {
  position: relative;
  height: 400px; /* Adjust the height as needed */
}

#map {
  width: 100%;
  height: 100%;
}

#info-box {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: white;
  padding: 10px;
  border: 1px solid #ccc;
  z-index: 1;
}