/** css for sprites **/

.shf-sprite {
  background-image: url("../../assets/img/shfico-img.png"); no-repeat;
/* background-size: 1000%; */
  }

.shf-sprite {
    opacity: 0.85;
    width: 40px;
  	height: 40px;
  	margin: .1rem;
  	display: block;
	}

/** css for colors test **/
/*   
.shf-sprite {
	/* hex: #0000ff; */
	filter: invert(8%) sepia(100%) saturate(7497%) hue-rotate(247deg) brightness(91%) contrast(143%);
	}
*/

/** shtuf artartart **/

.shf-homdir {
	background-position: 0px 0px;
	}

.shf-outdir {
 	background-position: -40px 0px;
	}

.shf-nextdir {
	background-position: -80px 0px;
	}

.shf-homdir{
	background-position: -120px 0px;
	}

.shf-mail{
	background-position: -160px 0px;
	}

/** social icon btns **/

.shf-btn-facebook{
	background-position: -200px 0px;
	}
	
.shf-btn-linkedin{
	background-position: -240px 0px;
	}	

.shf-btn-twat{
	background-position: -280px 0px;
	}

.shf-btn-instagram{
	background-position: 0px -40px;
	}	

.shf-btn-github{
	background-position: -40px -40px;
	}

.shf-btn-threads{
	background-position: -80px -40px;
	}	

.shf-btn-dribbble {
	background-position: -120px -40px;
	}

.shf-btn-mastodon{
	background-position: -160px -40px;
	}	

/** social icon icos **/

.shf-ico-facebook{
	background-position: 0px -80px;
	}
	
.shf-ico-linkedin{
	background-position: -40px -80px;
	}	

.shf-ico-twat{
	background-position: -80px -80px;
	}

.shf-ico-instagram{
	background-position: -120px -80px;
	}	

.shf-ico-github{
	background-position: -160px -80px;
	}

.shf-ico-threads{
	background-position: -200px -80px;
	}	

.shf-ico-dribbble {
	background-position: -240px -80px;
	}

.shf-ico-mastodon{
	background-position: -280px -80px;
	}	

/** shtuf heads **/

.shf-hed-richito{
	background-position: 0px -120px;
	}
  
.shf-hed-tallysue{
  background-position: -40px -120px;
  }
  
.shf-hed-ultraman{
  background-position: -80px -120px;
  }

.shf-hed-roboto{
  background-position: -120px -120px;
  }