body {
background-image: url(“https://cdn.presstv.ir/Photo/2023/1/1/c40952ce-69ae-40f1-84e5-b45aadbb57e1.jpg”);
background-color: #000;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
font-family: Iceland,sans-serif
}
#fade{
margin-top: 100px;
}
img{
margin-top: 50px;
animation-name: rotate ;
animation-duration: 2s;
animation-play-state: running;
animation-timing-function: linear;
animation-iteration-count: infinite;

}

@keyframes rotate{
10% {
transform:rotateY(36deg)
}
20% {k
transform:rotateY(72deg)
}
30% {
transform:rotateY(108deg)
}
40% {
transform:rotateY(144deg)
}
50% {
transform:rotateY(180deg)
}
60% {
transform:rotateY(216deg)
}
70% {
transform:rotateY(252deg)
}
80% {
transform:rotateY(288deg)
}
90% {
transform:rotateY(324deg)
}
100% {
transform:rotateY(360deg)
}
}
.le{
color: silver;
font-size: 35px;
}
.di {
font-size: 20px;
}
a {
color: limegreen;
}
p {
font-family: courier;
}
h1 {
font-family: courier;
animation: text-flicker 5s linear infinite;
color:#f2e12b ;
}

#offset {
animation: letter-linening 2s linear infinite;
}

@keyframes text-flicker {
0% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
}

2% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
}
8% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
}
9% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
}
12% {
opacity: 0.1;
text-shadow: 0px 0px rgba(242, 22, 22, 1);
}
20% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
}
25% {
opacity: 0.3;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
}
30% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
}
70% {
opacity: 0.7;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
}
72% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
}
77% {
opacity: 1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
}
100% {
opacity: 0.1;
text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
}
}

class TextScramble {
constructor(el) {
this.el = el
this.chars = ‘0100 0001 0101 0100 0100 1111 0100 1111 0110 1110 0110 0011 0111 1001 0100 0010 0110 0100 01010 0010’
this.update = this.update.bind(this)
}
setText(newText) {
const oldText = this.el.innerText
const length = Math.max(oldText.length, newText.length)
const promise = new Promise((resolve) => this.resolve = resolve)
this.queue = []
for (let i = 0; i < length; i++) {
const from = oldText[i] || ''
const to = newText[i] || ''
const start = Math.floor(Math.random() * 40)
const end = start + Math.floor(Math.random() * 40)
this.queue.push({ from, to, start, end })
}
cancelAnimationFrame(this.frameRequest)
this.frame = 0
this.update()
return promise
}
update() {
let output = ''
let complete = 0
for (let i = 0, n = this.queue.length; i < n; i++) {
let { from, to, start, end, char } =