body {
  
  background-image: 
  
  url("https://tvolimages.carrd.co/assets/images/image21.gif?v=8fa88242");
  
  background-repeat: 
  repeat;
  
  background-position:
  center;
  
  background-size: 
  20%;
  
  overflow-x: hidden;
  
  text-align: center;
}

#yes {
  
  color: black;
  border-radius: 10px;
  border: none;
  padding: 30px 150px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  position: relative;
  font-size: 80px;
  margin: 4px 100px;
  font-family: 'Times New Roman';
  cursor: pointer;

}

#yes:hover {
  
  background:url("https://tvolimages.carrd.co/assets/images/image09.jpg?v=5945b93e");
}
  
#no {
  
  color: black;
  border-radius: 10px;
  padding: 30px 150px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border: none;
  font-family: 'Times New Roman';
  font-size: 80px;
  margin: 4px 100px;
  cursor: pointer;

}

#no:hover {
  
  background:url("https://tvolimages.carrd.co/assets/images/image16.jpg?v=743e5248");
  background-size: cover;
  background-repeat: no-repeat;
  
  
}


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


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

.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;
	}
}