ningdungie drr ac - standard

haiii welcome to the pastebin for ningdungie drr ac! when rming this carrd pls credit dollcrds!! if you have any questions you can dm me @ crrdcore or send me a retrospring @ soobinzz. as always the positions were made to fit my personal devices the best so you might have to change them to fit yours!

--- CODES ---
<style>
@font-face {
font-family: kawaii stitch;
src: url(https://dl.dropbox.com/s/yjal3we9j6biyn5/Kawaii%20Stitch.ttf);
}

@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}

#container01 >.wrapper {
height: 30em;
transform: rotate(5deg);
}

#text01 {
font-family: kawaii stitch;
width: 6em;
border: 5px dotted #6EA8FF;
border-radius: 50%;
background: #D9E8FF;
transform: rotate(-15deg);
bottom: -0.5em;
}

#image01 {
transform: rotate(-15deg);
}

#text02 {
font-family: 'Magica';
height: 8em;
transform: rotate(-15deg);
top: -1.5em;
overflow-y: scroll;
}

#text02 mark {
font-family: kawaii stitch;
font-size: 1.5em;
color: #94BFFF;
-webkit-text-stroke: 0.5px black;
}

#text03 {
font-family: 'Magica';
bottom: 3em;
}

#text03 {
animation: rubberBand 0.9s;
animation-iteration-count: infinite;
}

#text03 {
animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
0% {
color: #000000;
}

49% {
color: #000000;
}

60% {
color: #FFFFFF00;
}

99% {
color: #FFFFFF00;
}

100% {
color: #000000;
}
}

#image02 .frame {
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #94BFFF) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #94BFFF) drop-shadow(0 -1px 1.5px #94BFFF) drop-shadow(1px -1px 1.5px #94BFFF) drop-shadow(-1px -1px 1.5px #94BFFF);
position: absolute;
bottom: 0.5em;
left: 0.3em;
z-index: 2;
}

#image02 {
animation: brrr 0.5s infinite;
}

@keyframes brrr {
0% {
transform: rotate(5deg);
}

50% {
transform: rotate(5deg);
}

51% {
transform: rotate(10deg);
}

100% {
transform: rotate(10deg);
}
}

#image03 {
position: absolute;
bottom: 0em;
left: 22em;
z-index: 99;
}

@media only screen and (max-width: 600px) {
#image03 {
bottom: -1em;
left: 21em;
}
}

#container02 {
width: 11em;
transform: rotate(5deg);
position: absolute;
bottom: 17em;
left: 20em;
z-index: 999;
}

#icons01, #icons02, #icons03, #divider01 {
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #ABCCFF) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #ABCCFF) drop-shadow(0 -1px 1.5px #ABCCFF) drop-shadow(1px -1px 1.5px #ABCCFF) drop-shadow(-1px -1px 1.5px #ABCCFF);
}

#divider02 {
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 2px 0 #ABCCFF) drop-shadow(0 -1px 0 white) drop-shadow(0 1px 1.5px #ABCCFF) drop-shadow(0 -1px 1.5px #ABCCFF) drop-shadow(1px -1px 1.5px #ABCCFF) drop-shadow(-1px -1px 1.5px #ABCCFF);
bottom: -0.75em;
}

#container03 >.wrapper, #container04 >.wrapper, #container06 >.wrapper, #container07 >.wrapper {
width: 13em;
height: 18em;
filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white);
position: absolute;
top: -25em;
left: 2em;
z-index: 9;
}

#image04, #image06, #image08, #image10 {
position: relative;
bottom: 1.5em;
}

#image05, #image07 {
position: relative;
top: 12.5em;
left: -6em;
}

#text04, #text07 {
font-family: 'Magica';
}

#container05 >.wrapper, #container08 >.wrapper {
width: 11em;
height: 14.7em;
border: 5px dotted black;
position: absolute;
top: -24.3em;
left: 3em;
z-index: 999;
}

#text06, #text09 {
font-family: 'Magica';
height: 13em;
overflow-y: scroll;
}

#text06 mark, #text09 mark {
font-family: kawaii stitch;
font-size: 1.5em;
color: #94BFFF;
-webkit-text-stroke: 0.5px black;
}

#image09, #image11 {
position: relative;
top: 13em;
left: 6em;
}

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
</style>

--- MUSIC ---
<script>

document.getElementById("image01").onclick = function() {
var audio = document.getElementById("music");
if (audio.paused) audio.play();
else audio.pause();
}

</script>

<audio id="music" src="https://dl.dropbox.com/scl/fi/l54dxuin4s2tygjhx01mb/Ghosting.mp3?rlkey=8dto06u26ojiqzh5c9wcgw7aj&st=0u4w8vhy&dl=0" preload="auto"></audio>

--- CLICKSPLOSION ---
<script type="text/javascript">
// <![CDATA[
var sparks=75; // how many sparks per clicksplosion
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array('#fff', '#D9E8FF', '#94BFFF', '#C9DFFF', '#6EA8FF');
// blue red green purple cyan orange pink

/****************************
* Clicksplosion Effect *
*(c)2012-3 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var intensity=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var timers=new Array();
var swide=800;
var shigh=600;
var sleft=sdown=0;
var count=0;

function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}

addLoadEvent(clicksplode);

function clicksplode() { if (document.getElementById) {
var i, j;
window.onscroll=set_scroll;
window.onresize=set_width;
document.onclick=eksplode;
set_width();
set_scroll();
for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
stars[j]=createDiv('*', 13);
document.body.appendChild(stars[j]);
}
}}

function createDiv(char, size) {
var div, sty;
div=document.createElement('div');
sty=div.style;
sty.font=size+'px monospace';
sty.position='absolute';
sty.backgroundColor='transparent';
sty.visibility='hidden';
sty.zIndex='101';
div.appendChild(document.createTextNode(char));
return (div);
}

function bang(N) {
var i, Z, A=0;
for (i=sparks*N; i<sparks*(N+1); i++) {
if (decay[i]) {
Z=stars[i].style;
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity[N]);
if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
else {
Z.left=Xpos[i]+'px';
Z.top=Ypos[i]+'px';
}
if (decay[i]==15) Z.fontSize='7px';
else if (decay[i]==7) Z.fontSize='2px';
else if (decay[i]==1) Z.visibility='hidden';
decay[i]--;
}
else A++;
}
if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
}

function eksplode(e) {
var x, y, i, M, Z, N;
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
N=++count%bangs;
M=Math.floor(Math.random()*3*colours.length);
intensity[N]=5+Math.random()*4;
for (i=N*sparks; i<(N+1)*sparks; i++) {
Xpos[i]=x;
Ypos[i]=y-5;
dY[i]=(Math.random()-0.5)*intensity[N];
dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
decay[i]=16+Math.floor(Math.random()*16);
Z=stars[i].style;
if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
else if (M<2*colours.length) Z.color=colours[count%colours.length];
else Z.color=colours[i%colours.length];
Z.fontSize='13px';
Z.visibility='visible';
}
clearTimeout(timers[N]);
bang(N);
}

function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min-7;
shigh=sh_min-7;
}

function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
// ]]>
</script>