body {
  cursor: url("cursor.png"), auto;
}
body:active,
body a:active {
  cursor: url("cursor-active.png"), auto;
}

body a {
  cursor: url("cursor-pointer.png"), auto;
}

body {
  background-image: url(bg.gif);
  color: chartreuse;
  text-align: center;
}
.main {
  position: relative;
  color: white;
  font-weight: 600;
  text-align: left;
}
@media (max-width: 1000px) {
  .main {
    bottom: 20vh;
  }
}
@media (min-width: 1001px) {
  .main {
    bottom: 74vh;
    left: 17vw;
  }
}
.left {
  float: left;
}
img {
  border-radius: 10px;
  margin: auto;
}
.header {
  width: 80vw;
}
.logo,
.loop {
  width: 20vw;
}
.walking {
  height: 20vh;
}
.arrow {
  width: 13vw;
}
.juanarrow {
  max-width: 60vw;
}
.juanarrow img {
  float: left;
}
.juanArrow a video {
  width: 20vw;
  margin: 15px;
  border-radius: 10px;
  float: left;
}
.juantext {
  width: 30vw;
}
.juanpaint {
  width: 16vw;
}

.cult {
  width: 60vw;
  margin-top: 5vh;
  margin-right: 20vw;
}