@charset "UTF-8";
body { margin: 0;
	   padding: 0; 
	}


@font-face {
   font-family: bones;
   src: url(xbones3d.ttf);
}

* {
   font-family: bones;
}

.bkg {
    width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 15px;

  background: radial-gradient(ellipse at top right, #0e18e3 0%, #f507d1 100%);
  z-index: -2;
}


 /* #partone {position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
		}
*/



/* full screen */
@media screen and (min-width: 482px) {

 #head1 {position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
		}




div.lineone {
  text-align: center;
  font-family: bones;
 position: fixed;
  top: 8%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 500%;
  letter-spacing: 5px;
  z-index: 5;
  text-shadow: 2px 2px #FF00CC;
}


div.numberwang {
  text-align: center;
  font-family: bones;
 position: fixed;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 480px;
  z-index: 2;
  text-shadow: 5px 5px #E6FB04;
}


div.linetwo {
  text-align: center;
  font-family: bones;
 position: fixed;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 500%;
  letter-spacing: 7px;
  z-index: 6;
  text-shadow: 2px 2px #00FF00;
}

}
/* mobile */

@media screen and (max-device-width: 481px) {

div.lineone {
  text-align: center;
  font-family: bones;
 position: fixed;
  top: 23%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 275px;
  letter-spacing: 0px;
  z-index: 5;
  text-shadow: 2px 2px #FF00CC;
}


div.numberwang {
  text-align: center;
  font-family: bones;
 position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 520px;
  z-index: 2;
  text-shadow: 5px 5px #E6FB04;
}


div.linetwo {
  text-align: center;
  font-family: bones;
 position: fixed;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 148px;
  letter-spacing: 0px;
  z-index: 6;
  text-shadow: 2px 2px #00FF00;
}

#head1 {position: fixed;
  top: 55%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index: -1;
		}

		img {
    width: 125%;
}
}