@font-face { 
	font-family: "Pixelta"; 
	src: url("fonts/pixelta.ttf") format("truetype");
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

@font-face { 
	font-family: "ByteBounce"; 
	src: url("fonts/bytebounce.ttf") format("truetype");
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

body{
  background:url("clod.png");
  background-size: 105%;
}

h1 {
  margin-top:20px;
  margin-left:40px;
  font-size:70px;
  color: #d7d7d7;
  text-shadow: -2px 2px 1px #000;
  font-weight: 900;
  font-family: "Pixelta", serif;
  margin-bottom:10px;
  -webkit-text-stroke: 0.3px black;
}

h2{
  font-family: serif;
   background: linear-gradient(to right, yellow, yellow, lime);
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
   width:230px;
   margin-left:90px;
   margin-top:0px;
   font-size:30px;
   transition: transform 0.5s ease;
   -webkit-text-stroke: 1px white;
}

h2:hover{
  transform: scale(1.35) rotate(10deg);
}