body {
  
  text-align: center;
  background-color: black;
  font-family: 'Times New Roman';
  color: white;


  
}

p {
  
  text-align: center;
  font-size: 35px;
  font-family: 'Times New Roman'
  

}

h1 {
  
   font-size: 70px;
  -webkit-text-fill-color: transparent;
  background:url("https://tvolimages.carrd.co/assets/images/image03.jpg?v=743e5248") 50% 50%;
  -webkit-background-clip: text;
  font-weight: bold;
  background-size: 15% 93%;
  color: transparent;
  text-align: center;
  margin: 0 auto;
  
}


@media screen and (min-width: 360px) and (max-width: 768px) {
  h1 {
    
    font-size: 5em;
    -webkit-text-fill-color: transparent;
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
    background:url("https://i.postimg.cc/zGg1v35H/Screenshot-2026-01-07-222712.png") 80% 40%;
    background-size: 98% 50%;
    -webkit-background-clip: text;
    
    
  }



#cupcake {
  
  font-size: 60px;
  -webkit-text-fill-color: transparent;
  background:url("https://tvolimages.carrd.co/assets/images/image19.jpg?v=2d34c8a0") 50% 50%;
  -webkit-background-clip: text;
  font-weight: bold;
  background-size: 99% 93%;
  color: transparent;
  text-align: center;
  margin: 0 auto;
  
}

 @media screen and (min-width: 360px) and (max-width: 768px) {
  #cupcake {

    
    font-size: 2.91em;
    -webkit-text-fill-color: transparent;
font-weight: bold;
color: transparent;
text-align: center;
  margin: 0 auto;
    background:url("https://tvolimages.carrd.co/assets/images/image18.jpg?v=d71055c8") 80% 40%;
    background-size: 100% 50%;
    -webkit-background-clip: text;

}
}

#fleshy {
  
  
font-size: 60px;
  -webkit-text-fill-color: transparent;
  background:url("https://tvolimages.carrd.co/assets/images/image04.jpg?v=743e5248") 50% 50%;
  -webkit-background-clip: text;
  font-weight: bold;
  background-size: 99% 93%;
  color: transparent;
  text-align: center;
  margin: 0 auto;  
  
  
  
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  #fleshy {

    
    font-size: 2.91em;
    -webkit-text-fill-color: transparent;
font-weight: bold;
color: transparent;
text-align: center;
  margin: 0 auto;
    background:url("https://tvolimages.carrd.co/assets/images/image02.jpg?v=d71055c8") 80% 40%;
    background-size: 100% 50%;
    -webkit-background-clip: text;


} 

#buttersxkenny {
  
font-size: 60px;
  -webkit-text-fill-color: transparent;
  background:url("https://tvolimages.carrd.co/assets/images/image05.jpg?v=743e5248") 50% 50%;
  -webkit-background-clip: text;
  font-weight: bold;
  background-size: 98% 93%;
  color: transparent;
  text-align: center;
  margin: 0 auto;
  
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  #buttersxkenny {

    
    font-size: 2.91em;
    -webkit-text-fill-color: transparent;
font-weight: bold;
color: transparent;
text-align: center;
  margin: 0 auto;
    background:url("https://tvolimages.carrd.co/assets/images/image03.jpg?v=d71055c8") 80% 40%;
    background-size: 100% 50%;
    -webkit-background-clip: text;
    
  }


#bive {
  
  font-size: 60px;
  -webkit-text-fill-color: transparent;
  background:url("https://tvolimages.carrd.co/assets/images/image06.jpg?v=743e5248") 50% 50%;
  -webkit-background-clip: text;
  font-weight: bold;
  background-size: 95% 93%;
  color: transparent;
  text-align: center;
  margin: 0 auto;
  
  
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  #bive {

    
    font-size: 2.91em;
    -webkit-text-fill-color: transparent;
font-weight: bold;
color: transparent;
text-align: center;
  margin: 0 auto;
    background:url("https://tvolimages.carrd.co/assets/images/image04.jpg?v=d71055c8") 80% 40%;
    background-size: 100% 50%;
    -webkit-background-clip: text;
    
  }


#craigxtweek {
  
font-size: 60px;
  -webkit-text-fill-color: transparent;
  background:url("https://i.postimg.cc/HkR7p9FR/Screenshot-2026-01-07-160745.png") 50% 50%;
  -webkit-background-clip: text;
  font-weight: bold;
  background-size: 99% 93%;
  color: transparent;
  text-align: center;
  margin: 0 auto;

  
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  #craigxtweek {

    
    font-size: 2.91em;
    -webkit-text-fill-color: transparent;
font-weight: bold;
color: transparent;
text-align: center;
  margin: 0 auto;
    background:url("https://tvolimages.carrd.co/assets/images/image05.jpg?v=d71055c8") 80% 40%;
    background-size: 100% 50%;
    -webkit-background-clip: text;
    
  }

#jimboxpeace {
  
font-size: 60px;
  -webkit-text-fill-color: transparent;
  background:url("https://tvolimages.carrd.co/assets/images/image03.jpg?v=81273326") 50% 50%;
  -webkit-background-clip: text;
  font-weight: bold;
  background-size: 98% 93%;
  color: transparent;
  text-align: center;
  margin: 0 auto;
  
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  #jimboxpeace {

    
    font-size: 2.91em;
    -webkit-text-fill-color: transparent;
font-weight: bold;
color: transparent;
text-align: center;
  margin: 0 auto;
    background:url("https://tvolimages.carrd.co/assets/images/image06.jpg?v=d71055c8") 80% 40%;
    background-size: 100% 50%;
    -webkit-background-clip: text;
    
    
  }
}
}
}
}
}
}


.lines {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: 300;
	opacity: 0.2;
}
.lines:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.5) 51%);
	background-size: 100% 4px;
	will-change: background, background-size;
	animation: scanlines 0.2s linear infinite;

}

lines::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  pointer-events: none;
  animation: scanlines 0.15s infinite;
}

@keyframes scanlines {
	from {
		background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, 0.5) 51%);
		background-size: 100% 4px;
	}
	to {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 50%, transparent 51%);
		background-size: 100% 4px;
	}
}