Not sure if this is quite what you're looking for cursiekitti , but here's something you could use!

[nospaces][googlefont=Press Start 2P]



[newclass=".announceGame"]width:325px;height:250px;background:#282828;border:1px solid #000;border-radius:12px;color:#6a938e;margin:20px auto;padding:30px 20px;position:relative;[/newclass]
[newclass=".announceGame h1"]font:10pt 'Press Start 2P', cursive;text-transform:uppercase;overflow: hidden; border-right: .15em solid #666; white-space: nowrap; margin: 0 auto; letter-spacing: .08em; animation: typing 5s steps(40, end) infinite,blink-caret .75s step-end infinite;[/newclass]
[newclass=".announceGame img"]width:120px;position:absolute;left:120px;top:120px;z-index:5;[/newclass]
[newclass=".circleIcon"]width:200px;height:200px;border:2px solid #333;background:#2a2a2a;border-left:1px solid #6a938e;border-radius:50%;position:absolute;top:75px;left:80px;animation: rotation 5s infinite linear;[/newclass]
[newclass=".credits"]position:absolute;right:15px;font:6pt 'roboto mono', monospace;top:315px;text-decoration:none;opacity:.5;[/newclass]
[newclass=".credits a"]color:grey !important;[/newclass]


[nospaces][googlefont=Press Start 2P]
[div][attr="class","announceGame"]
[h1]Calling All Architects[/h1]
[img src="https://www.nicepng.com/png/full/171-1710349_game-controller-pixel-game-controller.png"]
[div][attr="class",circleIcon"][/div]
[div][attr="class", credits"][a href="https://timelapse08.tumblr.com/"]Timelapse[/a][/div]
[/div]


[newclass=".announceGame"]width:325px;height:250px;background:#282828;border:1px solid #000;border-radius:12px;color:#6a938e;margin:20px auto;padding:30px 20px;position:relative;[/newclass]
[newclass=".announceGame h1"]font:10pt  'Press Start 2P', cursive;text-transform:uppercase;overflow: hidden; border-right: .15em solid #666; white-space: nowrap; margin: 0 auto; letter-spacing: .08em; animation: typing 5s steps(40, end) infinite,blink-caret .75s step-end infinite;[/newclass]
[newclass=".announceGame img"]width:120px;position:absolute;left:120px;top:120px;z-index:5;[/newclass]
[newclass=".circleIcon"]width:200px;height:200px;border:2px solid #333;background:#2a2a2a;border-left:1px solid #6a938e;border-radius:50%;position:absolute;top:75px;left:80px;animation: rotation 5s infinite linear;[/newclass]
[newclass=".credits"]position:absolute;right:15px;font:6pt 'roboto mono', monospace;top:315px;text-decoration:none;opacity:.5;[/newclass]
[newclass=".credits a"]color:grey !important;[/newclass]
[break]

if you add the following to your forum's stylesheet, the effects will play.[break][break]


/* The typing effect */
@keyframes typing {
 0% {width:0%}
 50%, 100% { width: 100% }
}
@-webkit-keyframes typing {
 0% {width:0%}
 50%, 100% { width: 100% }
}
@-moz-keyframes typing {
 0% {width:0%}
 50%, 100% { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
 from, to { border-color: transparent }
 50% { border-color: #666; }
}
@-moz-keyframes blink-caret {
 from, to { border-color: transparent }
 50% { border-color: #666; }
}
@-webkit-keyframes blink-caret {
 from, to { border-color: transparent }
 50% { border-color: #666; }
}

/** rotate keyframe **/
@-moz-keyframes rotation {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}


HOLY COW I DIDN'T EVEN SEE THIS!!!!!
THANK YOU THANK YOU THANK YOU!

THAT IS SO CUTE!!!!