body {
  margin: 0;
  padding: 0;
  background-color: rgb(32, 43, 64);
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.85em;
}

.main header {
  width: 100vw;
  height: 10vh;
  position: relative;
}
.main header .marquee {
  overflow: hidden;
  height: 10vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.main header .marquee p {
  letter-spacing: 10px;
}
.main header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 5vh;
}
.main .sceneWrapper {
  background-color: rgb(32, 43, 64);
  height: 85vh;
  width: 151vh;
  margin: auto;
  border-radius: 50px;
  position: relative;
  /* background-image: url("/static/home.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
}
.main .sceneWrapper .imgHome {
  border-radius: 50px;
  height: 85vh;
  width: 151vh;
  border-radius: 50px;
}
.main .sceneWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.main .sceneWrapper .visible {
  position: absolute;
  height: 85vh;
  width: 151vh;
  border-radius: 50px;
  z-index: 3;
  opacity: 1;
}
.main .sceneWrapper #moto {
  background-image: url(assets/images/eed167e0adbaeb5a.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  right: 18%;
  bottom: 20%;
  animation: pulse 2s infinite;
}
.main .sceneWrapper #maree {
  background-image: url(assets/images/f1fced5f7563b762.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  width: 6vh;
  position: absolute;
  border-radius: 50%;
  z-index: 2;
  left: 50%;
  bottom: 7%;
  animation: pulse 2s infinite;
}
.main .sceneWrapper #shop {
  background-image: url(assets/images/d6f321191f501292.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  left: 80%;
  top: 50%;
  animation: pulse 2s infinite;
}
.main .sceneWrapper #cantiere {
  background-image: url(assets/images/b065ec70bd020db0.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  left: 40%;
  top: 50%;
  animation: pulse 2s infinite;
}
.main .sceneWrapper #darsena {
  background-image: url(assets/images/bfd9eaacefc0a7b6.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  left: 20%;
  bottom: 40%;
  animation: pulse 2s infinite;
}
.main .footer {
  height: 5vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background-color: rgb(32, 43, 64);
  z-index: 3;
}
.main .footer footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.main .footer footer .bottomInfo {
  color: #666;
  font-size: 10px;
  margin-top: 50px;
}
.main .footer footer .bottomInfo a {
  color: #666;
}
.main .footer footer button {
  background: transparent;
  border: none;
  color: white;
  font-size: 20px;
}
.main .footer footer button img {
  height: 30px;
  width: 30px;
}
.main .footer footer .menu {
  display: none;
  height: 40vh;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main .footer footer .menu nav ul {
  list-style: none;
}
.main .footer footer .menu nav ul li {
  margin-bottom: 20px;
}
.main .footer footer .menu nav ul li a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
}
.main .footer footer .active {
  display: flex;
}

@keyframes pulse {
  0% {
    scale: 0.8;
  }
  50% {
    scale: 1.2;
  }
  100% {
    scale: 0.8;
  }
}
/* 
#moto {
  background-image: url("/static/moto.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  right: 18%;
  bottom: 20%;
  animation: pulse 2s infinite;
}
#maree {
  background-image: url("/static/maree.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  width: 6vh;
  position: absolute;
  border-radius: 50%;
  z-index: 2;
  left: 50%;
  bottom: 7%;
  animation: pulse 2s infinite;
}
#shop {
  background-image: url("/static/shop.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  left: 80%;
  top: 50%;
  animation: pulse 2s infinite;
}
#cantiere {
  background-image: url("/static/cantiere.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  left: 45%;
  top: 55%;
  animation: pulse 2s infinite;
}
#darsena {
  background-image: url("/static/darsena.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6vh;
  position: absolute;
  width: 6vh;
  border-radius: 50%;
  z-index: 2;
  left: 20%;
  bottom: 40%;
  animation: pulse 2s infinite;
}
 */
.aaa {
  display: none;
}

@media screen and (max-width: 600px) {
  body {
    height: 100vh;
    width: 100vw;
  }
  .main {
    width: 100vw;
  }
  .main .sceneWrapper {
    background-color: rgb(32, 43, 64);
    margin: auto;
    border-radius: 50px;
    position: relative;
    height: 40vh;
    margin-top: 150px;
    width: 99vw;
    /* background-image: url("/static/home.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
  }
  .main .sceneWrapper .imgHome {
    vertical-align: bottom;
    border-radius: 50px;
    height: 40vh;
    width: 99vw;
  }
  .main .sceneWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    height: 40vh;
    width: 99vw;
  }
  .main .sceneWrapper .visible {
    position: absolute;
    height: 85vh;
    width: 151vh;
    border-radius: 50px;
    z-index: 3;
    opacity: 1;
  }
  .main .sceneWrapper #moto {
    background-image: url(assets/images/eed167e0adbaeb5a.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 4vh;
    position: absolute;
    width: 4vh;
    border-radius: 50%;
    z-index: 2;
    right: 18%;
    bottom: 20%;
    animation: pulse 2s infinite;
  }
  .main .sceneWrapper #maree {
    background-image: url(assets/images/f1fced5f7563b762.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 4vh;
    position: absolute;
    width: 4vh;
    border-radius: 50%;
    z-index: 2;
    left: 50%;
    bottom: 7%;
    animation: pulse 2s infinite;
  }
  .main .sceneWrapper #shop {
    background-image: url(assets/images/d6f321191f501292.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 4vh;
    position: absolute;
    width: 4vh;
    border-radius: 50%;
    z-index: 2;
    left: 80%;
    top: 50%;
    animation: pulse 2s infinite;
  }
  .main .sceneWrapper #cantiere {
    background-image: url(assets/images/b065ec70bd020db0.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 4vh;
    position: absolute;
    width: 4vh;
    border-radius: 50%;
    z-index: 2;
    left: 40%;
    top: 50%;
    animation: pulse 2s infinite;
  }
  .main .sceneWrapper #darsena {
    background-image: url(assets/images/bfd9eaacefc0a7b6.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 4vh;
    position: absolute;
    width: 4vh;
    border-radius: 50%;
    z-index: 2;
    left: 20%;
    bottom: 40%;
    animation: pulse 2s infinite;
  }
}/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=main.css.map*/