body{

  background: linear-gradient(
  hsla(0, 0%, 0%, .8) 0%,
  hsla(0, 0%, 0%, .8) 15%,
  hsla(0, 0%, 0%, .85) 30%,
  hsla(0, 0%, 0%, .9) 45%,
  hsla(0, 0%, 0%, .95) 65%,
  hsla(0, 0%, 0%, 1) 75%,
  hsla(0, 0%, 0%, 1) 100%
  );

  min-height: 100vh;
  color: #f2f2f2;
}


.header > .logo > img{
  height: 100px;
  margin: 5px;
}


/*CONTENT BOXES*/
  /*background gradients*/
  .gradient-gray{
    /*background: linear-gradient(to bottom right, #121212, #000000);*/
    background: linear-gradient(
      hsla(0, 0%, 0%, .8) 0%,
      hsla(0, 0%, 0%, .8) 15%,
      hsla(0, 0%, 0%, .85) 30%,
      hsla(0, 0%, 0%, .9) 45%,
      hsla(0, 0%, 0%, .95) 65%,
      hsla(0, 0%, 0%, 1) 75%,
      hsla(0, 0%, 0%, 1) 100%
    );
  }

  .gradient-touch-of-red{
  background: linear-gradient( hsla(0, 0%, 0%, .8) 0%, hsla(0, 0%, 0%, .8) 15%, hsla(0, 0%, 0%, .85) 30%, hsla(0, 0%, 0%, 0.9) 45%, hsla(0, 48.6%, 6.9%, 0.95) 65%, hsl(0, 0%, 0.8%) 75%, hsl(0, 0%, 12.5%) 100% );

  }

  .gradient-green{
    background: linear-gradient(
      hsl(129, 23%, 54%) 0%,
      hsla(127, 20%, 48%, 0.8) 15%,
      hsla(128, 20%, 43%, 0.85) 30%,
      hsla(126, 19%, 38%, 0.9) 45%,
      hsla(120, 16%, 18%, 0.95) 65%,
      hsl(131, 62%, 10%) 75%,
      hsl(126, 83%, 5%) 100%
    );
  }
  .gradient-slate{
    background: linear-gradient(to bottom right, #5f7eba96, #142c5b00);
  }

  .gradient-blue{
  background: linear-gradient(to bottom right, #5983d596, #033c7a99);
  }

/*STORE*/
.sub-icon{

}