body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "proxima-nova-soft", sans-serif;
  -webkit-user-select: none;
  
  .vertical-centered-box {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    &:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-right: -0.25em;
    }
    .content {
      box-sizing: border-box;
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      font-size: 0;
    }
  }
}

* {
  transition: all .3s;
}

#particles-background, #particles-foreground {
  left: -51%;
  top: -51%;
  width: 202%;
  height: 212%;
  transform: scale3d(.5, .5, 1);
}

#particles-background {
  background-image: linear-gradient(90deg,rgba(63, 50, 81,0.7), rgba(1, 68, 78, 0.7)),
  url("images/bgnya.jpg");
  background-size: cover;
}

@keyframes rotate { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}

@keyframes fade { 0% { opacity: 1;} 50% { opacity: 0.25;}}

@keyframes fade-in { 0% { opacity: 0;} 100% { opacity: 1;}}