#stars-01 {
  background-image: url(/assets/img/back-stars-01-ef91c002c8.png);
  background-repeat: repeat;
  width: 100%;
  min-height: 100vh;
  animation: stars-move-x-01 211s ease-in-out infinite, stars-move-y-01 51s linear infinite;
}

#stars-02 {
  background-image: url(/assets/img/back-stars-02-ff2262c918.png);
  background-repeat: repeat;
  width: 100%;
  min-height: 100vh;
  animation: stars-move-x-02 201s ease-in-out infinite, stars-move-y-02 31s linear infinite;
}

#stars-03 {
  background-image: url(/assets/img/back-stars-03-a64422dbb3.png);
  background-repeat: repeat;
  width: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1000;
  pointer-events: none;
  opacity: 0.6;
  animation: stars-move-x-03 171s ease-in-out infinite, stars-move-y-03 27s linear infinite;
}

@keyframes stars-move-x-01 {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 1170px;
  }
}

@keyframes stars-move-y-01 {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 1230px;
  }
}

@keyframes stars-move-x-02 {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 1000px;
  }
}

@keyframes stars-move-y-02 {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 1100px;
  }
}

@keyframes stars-move-x-03 {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 1106px;
  }
}

@keyframes stars-move-y-03 {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 1080px;
  }
}

.flying-things {
  position: fixed;
  top: 0;
  z-index: 1001;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  animation-name: rotate-360;
  animation-duration: 1001.7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.flying-things .flying-thing {
  display: inline-block;
}
.flying-things .flying-thing.star {
  background-image: url(/assets/img/stars8x256-08c81362ab.png);
}
.flying-things .flying-thing.instrument {
  background-image: url(/assets/img/instruments4x512-ce902226c4.png);
}

@keyframes rotate-360 {
  from {
    transform: rotate(0deg) translate(0, -150vh) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translate(0, -150vh) rotate(-3600deg);
  }
}

.flying-thing.star.n0 {
  background-position-x: 0rem;
  height: 6rem;
  width: 6rem;
  background-size: 48rem 6rem;
  animation-name: flying-star-0;
  animation-duration: 50s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 8.99397s;
  animation-timing-function: linear;
}

@keyframes flying-star-0 {
  from {
    transform: translate(152.09957vw, 358.66327vh) rotate(0deg);
  }
  to {
    transform: translate(-152.09957vw, -258.66327vh) rotate(3583deg);
  }
}

.flying-thing.star.n1 {
  background-position-x: 1rem;
  height: 1rem;
  width: 1rem;
  background-size: 8rem 1rem;
  animation-name: flying-star-1;
  animation-duration: 15s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 19.11696s;
  animation-timing-function: linear;
}

@keyframes flying-star-1 {
  from {
    transform: translate(-195.97308vw, 273.17492vh) rotate(0deg);
  }
  to {
    transform: translate(195.97308vw, -173.17492vh) rotate(540deg);
  }
}

.flying-thing.star.n2 {
  background-position-x: 6rem;
  height: 3rem;
  width: 3rem;
  background-size: 24rem 3rem;
  animation-name: flying-star-2;
  animation-duration: 35s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 17.67142s;
  animation-timing-function: linear;
}

@keyframes flying-star-2 {
  from {
    transform: translate(-324.63586vw, 14.31808vh) rotate(0deg);
  }
  to {
    transform: translate(324.63586vw, 85.68192vh) rotate(2972deg);
  }
}

.flying-thing.star.n3 {
  background-position-x: 9rem;
  height: 3rem;
  width: 3rem;
  background-size: 24rem 3rem;
  animation-name: flying-star-3;
  animation-duration: 5s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 21.46472s;
  animation-timing-function: linear;
}

@keyframes flying-star-3 {
  from {
    transform: translate(-104.89694vw, -137.61227vh) rotate(0deg);
  }
  to {
    transform: translate(104.89694vw, 237.61227vh) rotate(439deg);
  }
}

.flying-thing.star.n4 {
  background-position-x: 20rem;
  height: 5rem;
  width: 5rem;
  background-size: 40rem 5rem;
  animation-name: flying-star-4;
  animation-duration: 45s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 5.97163s;
  animation-timing-function: linear;
}

@keyframes flying-star-4 {
  from {
    transform: translate(144.86901vw, -396.9059vh) rotate(0deg);
  }
  to {
    transform: translate(-144.86901vw, 496.9059vh) rotate(3669deg);
  }
}

.flying-thing.star.n5 {
  background-position-x: 30rem;
  height: 6rem;
  width: 6rem;
  background-size: 48rem 6rem;
  animation-name: flying-star-5;
  animation-duration: 35s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 12.16776s;
  animation-timing-function: linear;
}

@keyframes flying-star-5 {
  from {
    transform: translate(452.93291vw, 138.22962vh) rotate(0deg);
  }
  to {
    transform: translate(-452.93291vw, -38.22962vh) rotate(1854deg);
  }
}

.flying-thing.star.n6 {
  background-position-x: 12rem;
  height: 2rem;
  width: 2rem;
  background-size: 16rem 2rem;
  animation-name: flying-star-6;
  animation-duration: 15s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 7.82457s;
  animation-timing-function: linear;
}

@keyframes flying-star-6 {
  from {
    transform: translate(-289.91821vw, 337.22045vh) rotate(0deg);
  }
  to {
    transform: translate(289.91821vw, -237.22045vh) rotate(548deg);
  }
}

.flying-thing.star.n7 {
  background-position-x: 35rem;
  height: 5rem;
  width: 5rem;
  background-size: 40rem 5rem;
  animation-name: flying-star-7;
  animation-duration: 20s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 16.95683s;
  animation-timing-function: linear;
}

@keyframes flying-star-7 {
  from {
    transform: translate(-240.25311vw, -113.20254vh) rotate(0deg);
  }
  to {
    transform: translate(240.25311vw, 213.20254vh) rotate(1889deg);
  }
}

.flying-thing.star.n8 {
  background-position-x: 0rem;
  height: 7rem;
  width: 7rem;
  background-size: 56rem 7rem;
  animation-name: flying-star-8;
  animation-duration: 35s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 22.37612s;
  animation-timing-function: linear;
}

@keyframes flying-star-8 {
  from {
    transform: translate(443.08639vw, 13.72832vh) rotate(0deg);
  }
  to {
    transform: translate(-443.08639vw, 86.27168vh) rotate(2621deg);
  }
}

.flying-thing.star.n9 {
  background-position-x: 5rem;
  height: 5rem;
  width: 5rem;
  background-size: 40rem 5rem;
  animation-name: flying-star-9;
  animation-duration: 35s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 27.27483s;
  animation-timing-function: linear;
}

@keyframes flying-star-9 {
  from {
    transform: translate(-246.83514vw, -114.45944vh) rotate(0deg);
  }
  to {
    transform: translate(246.83514vw, 214.45944vh) rotate(2011deg);
  }
}

.flying-thing.instrument.n0 {
  background-position-x: 0rem;
  height: 20rem;
  width: 20rem;
  background-size: 80rem 20rem;
  animation-name: flying-instrument-0;
  animation-duration: 42s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 6.04584s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-0 {
  from {
    transform: translate(201.60438vw, 305.15549vh) rotate(0deg);
  }
  to {
    transform: translate(-201.60438vw, -205.15549vh) rotate(753deg);
  }
}

.flying-thing.instrument.n1 {
  background-position-x: 6rem;
  height: 6rem;
  width: 6rem;
  background-size: 24rem 6rem;
  animation-name: flying-instrument-1;
  animation-duration: 70s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 14.17573s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-1 {
  from {
    transform: translate(100.19862vw, -263.76639vh) rotate(0deg);
  }
  to {
    transform: translate(-100.19862vw, 363.76639vh) rotate(1912deg);
  }
}

.flying-thing.instrument.n2 {
  background-position-x: 24rem;
  height: 12rem;
  width: 12rem;
  background-size: 48rem 12rem;
  animation-name: flying-instrument-2;
  animation-duration: 21s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 21.08753s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-2 {
  from {
    transform: translate(101.54675vw, -110.96203vh) rotate(0deg);
  }
  to {
    transform: translate(-101.54675vw, 210.96203vh) rotate(1114deg);
  }
}

.flying-thing.instrument.n3 {
  background-position-x: 27rem;
  height: 9rem;
  width: 9rem;
  background-size: 36rem 9rem;
  animation-name: flying-instrument-3;
  animation-duration: 21s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 19.05431s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-3 {
  from {
    transform: translate(147.25778vw, 54.29297vh) rotate(0deg);
  }
  to {
    transform: translate(-147.25778vw, 45.70703vh) rotate(439deg);
  }
}

.flying-thing.instrument.n4 {
  background-position-x: 0rem;
  height: 10rem;
  width: 10rem;
  background-size: 40rem 10rem;
  animation-name: flying-instrument-4;
  animation-duration: 63s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 8.92622s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-4 {
  from {
    transform: translate(214.54612vw, 187.46461vh) rotate(0deg);
  }
  to {
    transform: translate(-214.54612vw, -87.46461vh) rotate(1834deg);
  }
}

.flying-thing.instrument.n5 {
  background-position-x: 8rem;
  height: 8rem;
  width: 8rem;
  background-size: 32rem 8rem;
  animation-name: flying-instrument-5;
  animation-duration: 42s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 7.08525s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-5 {
  from {
    transform: translate(-230.09722vw, -70.25803vh) rotate(0deg);
  }
  to {
    transform: translate(230.09722vw, 170.25803vh) rotate(927deg);
  }
}

.flying-thing.instrument.n6 {
  background-position-x: 18rem;
  height: 9rem;
  width: 9rem;
  background-size: 36rem 9rem;
  animation-name: flying-instrument-6;
  animation-duration: 28s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 16.97439s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-6 {
  from {
    transform: translate(-113.85267vw, -151.51913vh) rotate(0deg);
  }
  to {
    transform: translate(113.85267vw, 251.51913vh) rotate(548deg);
  }
}

.flying-thing.instrument.n7 {
  background-position-x: 24rem;
  height: 8rem;
  width: 8rem;
  background-size: 32rem 8rem;
  animation-name: flying-instrument-7;
  animation-duration: 63s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 27.31957s;
  animation-timing-function: linear;
}

@keyframes flying-instrument-7 {
  from {
    transform: translate(187.08733vw, 234.15939vh) rotate(0deg);
  }
  to {
    transform: translate(-187.08733vw, -134.15939vh) rotate(1526deg);
  }
}

@font-face {
  font-family: "main-font";
  src: url(/assets/fonts/NeutralSans-Regular-cf5317e4e6.woff2) format('woff2');
}

@font-face {
  font-family: "bold-font";
  src: url(/assets/fonts/Boldonse-Regular-2884e3562a.woff2) format('woff2');
}

body {
  background: #000;
  color: #eee;
  margin: 0;
  padding: 0;
  font-family: "main-font";
}
body a {
  color: #ccf;
}

h1, h2, h3, h4 {
  font-family: "bold-font";
}

.logo-wrapper img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 400px;
}

.text-center {
  text-align: center;
}

.image-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 1rem auto;
}
.image-row div.first {
  padding-right: 0.2rem;
}
.image-row div.inner {
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}
.image-row div.last {
  padding-left: 0.2rem;
}
.image-row div img {
  object-fit: cover;
  width: 100%;
}

.audio audio {
  width: 100%;
  max-width: 400px;
}

.video video {
  width: 100%;
  max-width: 400px;
}

.audio .download, .video .download {
  font-size: 75%;
  color: #7d7d7d;
}
.audio .download a, .video .download a {
  color: #9696c9;
}

.gigs-wrapper {
  margin: 1rem;
}
.gigs-wrapper .gigs {
  max-width: 1000px;
  margin: 0 auto;
}
.gigs-wrapper .gigs .gig {
  margin-bottom: 1rem;
}
.gigs-wrapper .gigs .gig .gig-head {
  font-family: "bold-font";
}
.gigs-wrapper .gigs .gig .gig-head .date {
  display: inline-block;
  width: 4rem;
  font-size: 0.8rem;
}
.gigs-wrapper .gigs .gig .gig-body {
  margin-left: 3rem;
}
@media (max-width: 470px) {
  .gigs-wrapper .gigs .gig .gig-body {
    margin-left: 1rem;
  }
}

.image-page {
  height: 100vh;
}
.image-page .image {
  width: 97%;
  height: 100%;
  margin: auto;
}
.image-page .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-page {
  width: 70%;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .section-page {
    width: 90%;
  }
}
.section-page .file {
  margin-bottom: 1rem;
}