<!-- CODE = #A022 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>NETBYZZ A022</title> <link rel="stylesheet" href="style.css"> </head> <body> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXeCuyCrXqUp_lKKOQ23p0Gf-6lqEykPMotKnJmhARRZ8YNAAjt-RI-Vb9XXhyXdrTQYjxMcGL9m3nHKpxSyF287emuYWYUxGBc9LJkMgzsjBUZ3x4O0o_W7NtbiZReTFcqU8iIx_AGf-FweRHztB5-e0eXDiHTXUcvS35VcIsnlwMAsFNHk_r_DUjUKo/s1000/Netbyzz3.png" alt="Netbyzz Logo" class="Netbyzz"> </body> </html>
.Netbyzz {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 50%;
/* Adjust the size of the logo */
opacity: 70%;
}
body {
animation: color-change-5x 8s linear infinite alternate both;
}
@keyframes color-change-5x {
0% {
background: #f9974c;
}
25% {
background: #cb72ff;
}
50% {
background: #ff6868;
}
75% {
background: #ffda60;
}
100% {
background: #90ff6f;
}
}