<!DOCTYPE html>
 <!-- code by eddit -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mailrip.fun</title>
<script src="https://eddit.me/aleak.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:'Bebas Neue',Arial,sans-serif;background:linear-gradient(270deg,#8a2be2,#4b0082,#9400d3);background-size:600% 600%;animation:BackgroundAnimation 10s ease infinite;}
@keyframes BackgroundAnimation{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.container{text-align:center;}
.logo{width:100px;height:auto;filter:drop-shadow(0 0 10px crimson);margin-bottom:20px;transition:transform 0.1s ease-out;}
.cwel{font-size:34px;color:white;transition:transform 0.1s ease-out;}
.cwel span{color:#B22222;display:inline-block;animation:bounce 1.5s infinite;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
</style>
</head>
<body>
<div class="container">
<img src="log.png" alt="Logo" class="logo">
<div class="cwel">
<p><span>mailrip.fun</span> trippin and bein developed</p>
</div>
</div>
<script>
const logo=document.querySelector('.logo');const cwel=document.querySelector('.cwel');
document.addEventListener('mousemove',(e)=>{const x=(window.innerWidth/1-e.clientX)/90;const y=(window.innerHeight/1-e.clientY)/90;logo.style.transform=`translate(${x}px,${y}px)`;cwel.style.transform=`translate(${x}px,${y}px)`;});
</script>
<script>

</script>
</body>
</html>