<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fucked by Proto</title>
<style>
body {
background:url(https://kutt.it/zzy-cr) no-repeat center center fixed;
background-size:cover;
}
#changing-text {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 64px;
color: white;
animation: colorChange 0.5s infinite alternate;
}
@keyframes colorChange {
from {
color: white;
}
to {
color: red;
}
}
#additional-text {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
font-size: 20px;
color: white;
}
.left-image, .right-image {
position: absolute;
top: 25%;
height: 40%;
z-index: -1;
}
.left-image {
left: 0;
}
.right-image {
right: 0;
}
</style>
</head>
<body>
<img src="https://i.hizliresim.com/gn69hap.jpg" class="left-image" alt="Left Image">
<img src="https://i.hizliresim.com/gn69hap.jpg" class="right-image" alt="Right Image">
<div id="changing-text">Fucked By Proto</div>
<div id="additional-text">Çekirge 1 Zıplar 2 Zıplar 3. de Proto Sokar</div>
</body>
</html>