/*
body { 
	overflow:hidden;
	background: url(_img/campo-basket.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
  --tiger-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/225363/tiger-uppercut.gif);
  --texture-image: url(https://media.giphy.com/media/wdfxqCQVGHDlC/giphy.gif);	
	
}
*/
@import url("https://fonts.googleapis.com/css?family=Titan+One");

:root {
  --h1-font-size: 5vmin;
  --primary-color: rgb(245, 102, 0);
  --secondary-color: rgb(230, 96, 0);
  --tiger-image1: url(_img/canestro.gif);
  --tiger-image2: url(_img/schema.gif);
  --texture-image: url(_img/tv.gif);
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  /*background-color: var(--primary-color);
  

  
  
  */
  
	overflow:hidden;
	background: url(_img/campo-basket.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;   
}

#tabGiocatori{
	left:-30%;
}
#tabSchemi{
	left:30%;
}




.text-wrapper {
  position: relative;
  cursor:pointer;	
}

.tabGiocatori {
  display: flex;
  flex-direction: column;
  font-family: "Titan One", sans-serif;
  font-size: var(--h1-font-size);
  text-transform: uppercase;
  background: center/cover var(--secondary-color) var(--tiger-image1);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
cursor:pointer;

  &:last-child {
    position: absolute;
    top: 0;
    left: 0;
    background-image: var(--texture-image);
    mix-blend-mode: soft-light;
  }

  span {
    font-size: calc(var(--h1-font-size) / 1.825);
cursor:pointer;	
  }
}




.tabSchemi {
  display: flex;
  flex-direction: column;
  font-family: "Titan One", sans-serif;
  font-size: var(--h1-font-size);
  text-transform: uppercase;
  background: center/cover var(--secondary-color) var(--tiger-image2);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
cursor:pointer;

  &:last-child {
    position: absolute;
    top: 0;
    left: 0;
    background-image: var(--texture-image);
    mix-blend-mode: soft-light;
  }

  span {
    font-size: calc(var(--h1-font-size) / 1.825);
cursor:pointer;	
  }
}