priesdelly · August 22, 2025 03:47
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>KBTG</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background: linear-gradient(135deg, #74ebd5, #ACB6E5);
      font-family: Arial, sans-serif;
      overflow: hidden;
    }
    h1 {
      font-size: 5rem;
      letter-spacing: 0.5rem;
      color: white;
      text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    }
    h1 span {
      display: inline-block;
      animation: float 2s ease-in-out infinite;
    }
    h1 span:nth-child(1) { animation-delay: 0s; color: #00c300; }
    h1 span:nth-child(2) { animation-delay: 0.1s; color: #00d400; }
    h1 span:nth-child(3) { animation-delay: 0.2s; color: #00e500; }
    h1 span:nth-child(4) { animation-delay: 0.3s; color: #00f600; }
    h1 span:nth-child(5) { animation-delay: 0.4s; color: #00ff55; }
    h1 span:nth-child(6) { animation-delay: 0.5s; color: #00ffaa; }

    @keyframes float {
      0%, 100% {
        transform: translateY(0) rotate(0deg);
      }
      50% {
        transform: translateY(-20px) rotate(10deg);
      }
    }
  </style>
 </head>
 <body>
  <h1>
    <span id="l">L</span>
    <span id="i">I</span>
    <span id="n">N</span>
    <span id="e">E</span>
    <span id="b">B</span>
    <span id="k">K</span>
  </h1>
  <script>
    const letters = document.querySelectorAll('h1 span');
    letters.forEach((letter, index) => {
      letter.addEventListener('mouseover', () => {
        letter.style.transform = 'scale(1.5) rotate(20deg)';
        letter.style.transition = 'transform 0.3s ease';
      });
      letter.addEventListener('mouseout', () => {
        letter.style.transform = 'scale(1) rotate(0deg)';
      });
    });
  </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>KBTG</title>
	<style>
	body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background: linear-gradient(135deg, #74ebd5, #ACB6E5);
	font-family: Arial, sans-serif;
	overflow: hidden;
	}
	h1 {
	font-size: 5rem;
	letter-spacing: 0.5rem;
	color: white;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	}
	h1 span {
	display: inline-block;
	animation: float 2s ease-in-out infinite;
	}
	h1 span:nth-child(1) { animation-delay: 0s; color: #00c300; }
	h1 span:nth-child(2) { animation-delay: 0.1s; color: #00d400; }
	h1 span:nth-child(3) { animation-delay: 0.2s; color: #00e500; }
	h1 span:nth-child(4) { animation-delay: 0.3s; color: #00f600; }
	h1 span:nth-child(5) { animation-delay: 0.4s; color: #00ff55; }
	h1 span:nth-child(6) { animation-delay: 0.5s; color: #00ffaa; }

	@keyframes float {
	0%, 100% {
	transform: translateY(0) rotate(0deg);
	}
	50% {
	transform: translateY(-20px) rotate(10deg);
	}
	}
	</style>
	</head>
	<body>
	<h1>
	<span id="l">L</span>
	<span id="i">I</span>
	<span id="n">N</span>
	<span id="e">E</span>
	<span id="b">B</span>
	<span id="k">K</span>
	</h1>
	<script>
	const letters = document.querySelectorAll('h1 span');
	letters.forEach((letter, index) => {
	letter.addEventListener('mouseover', () => {
	letter.style.transform = 'scale(1.5) rotate(20deg)';
	letter.style.transition = 'transform 0.3s ease';
	});
	letter.addEventListener('mouseout', () => {
	letter.style.transform = 'scale(1) rotate(0deg)';
	});
	});
	</script>
	</body>
	</html>