@import url(http://fonts.googleapis.com/css?family=Lato:300);

html,body{ 
  margin:0;
  overflow: hidden;
  
  
}

canvas{
   position: absolute;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100vw;
	vertical-align:bottom;
}

#particles{
  height:100vh;
   background: linear-gradient(45deg,#2c3e50,#1abc9c,#e74c3c );
  }
.quote{
  font-family: 'Lato', sans-serif;
  font-size:85px;
  width:100%;
  height:200px;
  background:#306989;
  @include box-shadow(0px 3px 10px #000);
  color: #17B6A7;
  text-align:center;
  @include text-shadow(3px 3px 0px #268C9F);
   font-weight: bold;
  opacity: 0.5;
   z-index:100000000;
    &:hover{
         opacity: 1;
      }
}
.salute{
   z-index:9999;
   position: absolute;
   bottom: 0;
   right: 0;
   height: 40px;
   width: 150px;
   font-family: 'Lato', sans-serif;
   font-weight:bold;
   a{
      color:inherit;
      opacity: 0.6;
      &:hover{
         opacity: 1;
      }
   }
}