body{
  padding: 0%;
  margin: 0%;
  background-color: hsl(0, 0%, 8%);
}
html, body {
  overflow: hidden;
  height: 100%;
}
#develop-text{
  width: 100%;
  max-width: 450px;
}
#plugin-icon{
  width: 100%;
  max-width: 100px;
}
#vertical-align{
  position: absolute;               /* 2 */
  top: 50%;    
  left: 50%;                  /* 3 */
  transform: translate(-50%, -50%);
}

/* Animation */
#background { 
    width:1920px;
    height:1920px;
    background: transparent url("assets/img/imagensprojeto/vetortes.svg") no-repeat center center;
}

#background {
  -webkit-animation-name: rotate;
  -webkit-animation-duration:40s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotate;
  -moz-animation-duration:40s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotate {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(360deg);}
}

@-moz-keyframes rotate {
  from {-moz-transform:rotate(0deg);}
  to {  -moz-transform:rotate(360deg);}
}
/* ------------------ */

#background{
  filter: blur(100px);
  -webkit-filter: blur(100px);
}

#nosion{
  width:100%;
  height:100%;
  position: absolute;
  background: transparent url("assets/img/imagensprojeto/nosion.png") no-repeat center center;
  opacity: .2;

}