<link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />

<meta charset="UTF-8"> <link rel="icon" type="image/x-icon" href="heart.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

<script> function startTime() { const today = new Date(); let h = today.getHours(); let m = today.getMinutes(); let s = today.getSeconds(); m = checkTime(m); s = checkTime(s); document.getElementById('clock').innerHTML = h + ":" + m + ":" + s; setTimeout(startTime, 1000); }

function checkTime(i) { if (i < 10) { i = "0" + i }; // add zero in front of numbers < 10 return i; } var documentTitle = document.title + " ⸜(。˃ ᵕ ˂ )⸝♡ "; (function titleMarquee() { document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0, 1); setTimeout(titleMarquee, 210); })();

</script>

<div id="topborder"></div>

<style> #topborder{ background-image: url('https://autism.crd.co/assets/images/gallery01/65337354.png?v=d6547f5c'); background-repeat: repeat-x; height: 19px; top: -4px; position: relative; } </style>

<style>

  • summer img {

position: fixed; left: 0px; bottom: 0px; display:block; z-index:100000000000000000000000000000000000000000000000000px; </style>

<p><div class="summer"><a href="index.html"> <img src="https://www.picgifs.com/mini-graphics/mini-graphics/arrows/mini-graphics-arrows-990511.gif"></a></div><p>

<style> /* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */ a:hover { cursor: url('https://external-media.spacehey.net/media/siWQ036H6wo_rSTDt13UMiaqFF9ziaKb5yOWgA5HeaK8=/http://www.rw-designer.com/cursor-view/114440.png'), auto; }

  • {

cursor: url('https://external-media.spacehey.net/media/s5fOVb-LIfaD6j7zsMpFaph8Olx-pW3kB0XdEAq0Hegc=/http://www.rw-designer.com/cursor-view/114444.png'), auto; } </style>

<style> body { background: url(https://i.pinimg.com/736x/7f/8a/bf/7f8abf8c3a6548a112c08946d72b3d46.jpg); font-family: 'Lexend Mega', sans-serif; font-size:15px; color:#525252; overflow:none; </style>

<script type="text/javascript"> // <![CDATA[ var colours=new Array('#FFDEE5', '#e6f3fb', '#bc896c', '#fff', '#FFDEE5', '#e6f3fb'); // colours of the hearts var minisize=25; // smallest size of hearts in pixels var maxisize=35; // biggest size of hearts in pixels var hearts=66; // maximum number of hearts on screen var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects

/*****************************

  • JavaScript Love Heart Cursor*
  • (c)2013+ mf2fm web-design *
  • http://www.mf2fm.com/rv *
  • DON'T EDIT BELOW THIS BOX *
  • ****************************/

var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var herz=new Array(); var herzx=new Array(); var herzy=new Array(); var herzs=new Array(); var kiss=false;

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

addRVLoadEvent(mwah);

function mwah() { if (document.getElementById) { var i, heart; for (i=0; i<hearts; i++) { heart=createDiv("auto", "auto"); heart.style.visibility="hidden"; heart.style.zIndex=(over_or_under=="over")?"1001":"0"; heart.style.color=colours[i%colours.length]; heart.style.pointerEvents="none"; if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)"; else heart.style.opacity=0.75; heart.appendChild(document.createTextNode(String.fromCharCode(9835))); document.body.appendChild(heart); herz

=heart; herzy
=false; } set_scroll(); set_width(); herzle(); }}

function herzle() { var c; if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) { ox=x; oy=y; for (c=0; c<hearts; c++) if (herzy

===false) { herz
.firstChild.nodeValue=String.fromCharCode(9835); herz
.style.left=(herzx
=x-minisize/2)+"px"; herz
.style.top=(herzy
=y-minisize)+"px"; herz
.style.fontSize=minisize+"px"; herz
.style.fontWeight='normal'; herz
.style.visibility='visible'; herzs
=minisize; break; } } for (c=0; c<hearts; c++) if (herzy
!==false) blow_me_a_kiss(c); setTimeout("herzle()", 40); }

document.onmousedown=pucker; document.onmouseup=function(){clearTimeout(kiss);};

function pucker() { ox=-1; oy=-1; kiss=setTimeout('pucker()', 100); }

function blow_me_a_kiss(i) { herzy

-=herzs
/minisize+i%2; herzx
+=(i%5-2)/5; if (herzy
<sdown-herzs
|| herzx
<sleft-herzs
|| herzx
>sleft+swide-herzs
) { herz
.style.visibility="hidden"; herzy
=false; } else if (herzs
>minisize+2 && Math.random()<.5/hearts) break_my_heart(i); else { if (Math.random()<maxisize/herzy
&& herzs
<maxisize) herz
.style.fontSize=(++herzs
)+"px"; herz
.style.top=herzy
+"px"; herz
.style.left=herzx
+"px"; } }

function break_my_heart(i) { var t; herz

.firstChild.nodeValue=String.fromCharCode(9835); herz
.style.fontWeight='bold'; herzy
=false; for (t=herzs
; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs
)); setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs
)); }

document.onmousemove=mouse; function mouse(e) { if (e) { y=e.pageY; x=e.pageX; } else { set_scroll(); y=event.y+sdown; x=event.x+sleft; } }

window.onresize=set_width; 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; shigh=sh_min; }

window.onscroll=set_scroll; 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; } }

function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height; div.style.width=width; div.style.overflow="hidden"; div.style.backgroundColor="transparent"; return (div); } // ]]> </script>

<style> #titl {

animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

@keyframes floating {0% { transform: translate(0, 0px); }50% { transform: translate(0, 15px); }100% { transform: translate(0, -0px); } } </style>

<style>

  • header {

width: 100%; height: 9.5rem; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.466), transparent), url(https://i.pinimg.com/736x/7e/64/4a/7e644a3a742b1937f525eb7be1def625.jpg); background-size: contain; box-shadow: inset white 0 0 9px 1px; border: #fdb2df 1px solid; border-radius: 10px 2px 0 0; overflow: hidden;

}

      • headerheadertotallynotconfusing{

width: 100%; height: 50px; background: url(https://file.garden/ZRW6VPKULjLI59VM/graphics/lace%20borders%20etc/tumblr_1cb04b244a56e3c62b333585bba8d00c_e7a378ac_250.webp); filter: drop-shadow(0px 4px 1px white) drop-shadow(0px 0px 1px rgba(211, 211, 211, 0.644)); } </style>

<style> ::selection { background: #e6f3fb; </style>

<style>

  • everything{

background-image: url(https://i.pinimg.com/736x/d2/ae/12/d2ae12074f6ddd835f6762cdde4c8761.jpg); display: block; animation:yo 13s linear infinite; animation-direction: alternate-reverse; background-size: contain; height: 700px; width: 1180px; margin : 10px auto 0 auto; padding: 12px; overflow: visible; border-radius:6px; border-width:2px; border-style:ridge; border-color:white; </style>

<style>

  • box21 {

margin:1em 0; /* 中央寄せは0をautoに変更 */ width:80% /* 幅 */ }

  • u01 {

background:url(f-ue.gif) repeat-x; height:23px; margin:0 23px }

  • s01 {

background:url(f-sita.gif) repeat-x; height:23px; margin:0 23px }

  • box-top {

background-image:url(f-kado1.gif), url(f-kado2.gif); background-position:top left, top right; background-repeat:no-repeat, no-repeat; height:11px; }

  • box-center {

background-image:url(f-migi.gif), url(f-hidari.gif); background-position:top right, top left; background-repeat:repeat-y, repeat-y }

  • box-inner {

background:#ffd6da; /* 背景色 */ margin:0 23px }

  • box-bottom {

background-image:url(f-kado3.gif), url(f-kado4.gif); background-position:top left, top right; background-repeat:no-repeat, no-repeat; height:23px; } </style>

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

#Magica { font-family: Magica; } </style>

<style> h1{ font-size: 4em; font-family: Magica; margin-left: 5px; text-shadow: -2px 0 pink, 0 3px pink, 3px 0 pink, 0 -2px pink; color: white; </style>

<style> h2{ font-size: 2em; font-family: Magica; text-shadow: -2px 0 pink, 0 3px pink, 3px 0 pink, 0 -2px pink; color: white; </style>

<style> #profile{ width: 85%; height: 379px;

overflow: hidden; box-shadow: inset 0 0 10px #ffc9da90; margin: auto; justify-content: center; align-content: center; background-image: url(https://files.catbox.moe/6lmph2.png); background-size: 2%; border: 1px solid #ffc9da; border-radius: 4px; margin-bottom: 45px; margin-left: -410px; }

#profileinner{ width: 90%; height: 87%; background: white; margin: auto; border-radius: 4px; border: 2px dashed #ffc9da90; outline: 4px solid white; filter: drop-shadow(2px 2px 1px #DA9F7A50); </style>

<style> #poop{ width: 85%; height: 250px; background-image: url(https://files.catbox.moe/6lmph2.png); border: .5px solid #ffc9da; box-shadow: inset 0 0 6px #ffc9da90; margin: auto; border-radius: 4px; align-content: center; }

#poopinner{ width: 90%; height: 90%; background: white; margin: auto; border-radius: 4px; border: 2px dashed #ffc9da90; outline: 4px solid white; overflow-x: hidden; overflow-y: scroll; filter: drop-shadow(2px 2px 1px #DA9F7A50); } </style>

<style> #lcolumn{ width: 30%; height: 65%; margin: auto; } #rcolumn{ width: 65%; height: 65%; margin: auto; margin-left: -35px; } </style>

<style> #hi{ width: 95%; height: 379px; background-image: url(https://files.catbox.moe/6lmph2.png); background-size: 1%; border: .5px solid #ffc9da; box-shadow: inset 0 0 6px #ffc9da90; margin: auto; margin-bottom: 14px; border-radius: 4px; align-content: center; margin-top: -440px; margin-right: -330px; }

#hiinner{ width: 95%; height: 92%; background: white; margin: auto; border-radius: 4px; border: 2px dashed #ffc9da90; outline: 4px solid white; filter: drop-shadow(2px 2px 1px #DA9F7A50); width: 98%; height: 92%; margin: auto; flex-wrap: wrap; } </style>

<style> /*link stuffs*/ a { color: #ffaeda; text-decoration: none; }

</style>

<style> #s-m-t-tooltip{ /* basic */ max-width: 300px; z-index: 1000000000; margin: 24px 14px 7px 12px; /* style and design */ padding:8px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:pink; background: rgb(184,228,255); background: linear-gradient(90deg, rgba(184,228,255,1) 0%, rgba(230,243,251,1) 35%, rgba(243,250,255,1) 100%); text-shadow: -2px 0 pink, 0 1px pink, 1px 0 pink, 0 -1px pink; color: white; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="https://static.tumblr.com/lspzyz3/xloqk6cgp/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("

").style_my_tooltips({ tip_follows_cursor: true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>

<head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous"> </head>

<script> document.querySelector('.playpause').addEventListener('click', playpause);

function playpause(){ if(document.querySelector('.playpause').innerHTML == '<i class="fas fa-play"></i>'){ document.querySelector('#musicsrc').play(); document.querySelector('.playpause').innerHTML = '<i class="fas fa-pause"></i>'; } else{ document.querySelector('#musicsrc').pause(); document.querySelector('.playpause').innerHTML = '<i class="fas fa-play"></i>'; }

} </script>

<head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous"> </head>

<style> #musicplayer{ display:grid; grid-template-columns:20px auto; align-items:center; width: 200px; font-size:20px; line-height:140%; background:white; border: 2px dashed pink; border-radius: 10px; position:relative; bottom:360px; right:320px; }

#musictitle{ overflow: hidden; white-space: nowrap; display:inline-block; width: calc(100% - 10px - 1px); margin-left: calc(10px + 1px); font-family: 'Lexend Mega', sans-serif; font-size:15px; color:#525252;

}

#musicpixel{ width:100%; padding:5px; position:relative;

min-height: 20px;

background:white;

border-right: 1px dashed #525252;; }

  • overlay {

opacity:0; position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; transition:0.3s ease;

background:white; }

#musicplayer:hover .overlay { opacity: 1; transition:0.3s ease; }

  • playpause{

position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

  • playpause:hover{

cursor:help; }

#musicpixel img{ display:block; }

  • marquee{

display: inline-block; padding-left: 100%; animation: marquee 5s linear infinite; }

@keyframes marquee{0% { transform: translate(0, 0); }100% { transform: translate(-100%, 0); } }

</style>

<center> <div class="box21"> <div class="box-top"> <div class="u01"></div> </div> <div class="box-center"> <div class="box-inner"> <div class="everything"> <div class="header"> <header class="headerheadertotallynotconfusing"></header> <center><h1> About Vicky!</h1></center>

</div>

<div id="lcolumn">

<!-- profile --> <div id="profile"> <div id="profileinner"> <h2>Vicky</h2><img src="https://i.pinimg.com/736x/5d/f2/29/5df22986c2288b828d06cdae6367a665.jpg"width="100px;"style="float:left;"><br> she/any <img src="heart.png"> 2007 🧁 <br><img src="https://64.media.tumblr.com/f275d2a343e1c11c5c0004cca1bea320/f6f4908bca98d590-8c/s75x75_c1/cc47f4dc26a49d65cff40a86ab6325bf13a3ccff.gifv"> <a href="index.html">go home ♪</a><br></div></div></div>

<div id="rcolumn">

<!-- about --> <div id="hi"> <div id="hiinner"> <h2> about the webprincess</h2>hi my name is <font color="pink">victoria</font> or you may call me <font color="pink">vicky</font> ^_^ im the webmistress behind vickkuma! i am a 17 year old girly girl <img src="https://autism.crd.co/assets/images/gallery02/b7ce7765.gif?v=d6547f5c"><br> <br><img src="https://i.pinimg.com/736x/ff/c4/79/ffc4795364bcf39106c19d5936e83704.jpg" style="float:left;" width="100px";> i love self expression, i do it through my creativity! i love drawing, scrapbooking, and writing! i used to love writing stories as a kid but as ive grown ive leaned more to journaling :) not only has it been a coping mechanism for me for years but its probably one of my favourite things that keeps me productive (*´ω`)o <br> <br> i also love the color pink, sanrio, san-x, all things cute and creepy, collecting (trinkets, charms, keychains, soda tabs, plushies [23 plushies so far ;; ongoing hehe] ), & <a href="https://open.spotify.com/user/k2m3m782lwamvpudutj067y9z">music</a> <br><br>

<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9c694ef0-ce82-461b-9e43-ea953fddf162/da7riom-c2c07dda-52e9-43ab-ac56-3b3d8507a3d6.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzljNjk0ZWYwLWNlODItNDYxYi05ZTQzLWVhOTUzZmRkZjE2MlwvZGE3cmlvbS1jMmMwN2RkYS01MmU5LTQzYWItYWM1Ni0zYjNkODUwN2EzZDYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.tBmBW2EsdkHxzr9U9DwIIGoEZ5-16vLn0fcJwS9eJx8" title="puniplush on DA"> <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/703c0e23-f160-42bd-b7b8-067391299ed1/dg0qaed-09c168e2-1d95-4282-9599-8a4b903717df.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzcwM2MwZTIzLWYxNjAtNDJiZC1iN2I4LTA2NzM5MTI5OWVkMVwvZGcwcWFlZC0wOWMxNjhlMi0xZDk1LTQyODItOTU5OS04YTRiOTAzNzE3ZGYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.D9_jphoMam2-8lddOhGUHdYJKDvbR8HCYv1V33JqIUA" title="groovyluvsong on DA"> <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/938d9c2c-8f35-469d-86d9-dc0b2647a717/dwpu18-469402e9-3365-4a06-a42a-4b327d05fb13.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzkzOGQ5YzJjLThmMzUtNDY5ZC04NmQ5LWRjMGIyNjQ3YTcxN1wvZHdwdTE4LTQ2OTQwMmU5LTMzNjUtNGEwNi1hNDJhLTRiMzI3ZDA1ZmIxMy5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.CxM2D3xi5DvCfjy7gFGVJHDlhZlBtOHjJKRHarmth4s" title="phantom on DA"> <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b767fb9f-dc48-4dc9-b168-e99eb8a339d5/d5bhdy1-0f5205bf-3aa0-42c9-8c49-ac63fd4a38cf.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I3NjdmYjlmLWRjNDgtNGRjOS1iMTY4LWU5OWViOGEzMzlkNVwvZDViaGR5MS0wZjUyMDViZi0zYWEwLTQyYzktOGM0OS1hYzYzZmQ0YTM4Y2YuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.36UNYlGgZrC9N1sgEZA3HwTbOiF3twBlvKd4MN5uGAk" title="sparkly-purple-ninja on DA"> <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0283ea18-71ed-4f9e-9fdd-10de373a6f12/d9c3y16-20a65fc2-ff51-46a5-bb15-703a002382b2.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyODNlYTE4LTcxZWQtNGY5ZS05ZmRkLTEwZGUzNzNhNmYxMlwvZDljM3kxNi0yMGE2NWZjMi1mZjUxLTQ2YTUtYmIxNS03MDNhMDAyMzgyYjIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bAOJU6yxnbNOXYruFSKWXu9SRzpxH7rmsFJi1iHu8Zc" title="ouijababe on DA">

</div></div></div> <img src="mezzo.png" width="190px;" style="position:relative; bottom:390px; left:595px; transform: rotate(20deg); "></a>

<img src="pinkie.png" width="290px;" style="position:relative; bottom:250px; right:590px;"></a> <div id='musicplayer'>

<div id='musicpixel'> <img src='https://autism.crd.co/assets/images/gallery02/b7ce7765.gif?v=d6547f5c'> <div class='overlay'> <div class='playpause'><i class="fas fa-play"></i></div> </div> </div> <div id='musictitle'> <span class='marquee'>lonely in gorgeous - tommyfebuary9</span> </div> </div>

<audio id='musicsrc' loop src='https://files.catbox.moe/7137hp.mp3'></audio>

<script> document.querySelector('.playpause').addEventListener('click', playpause);

function playpause(){ if(document.querySelector('.playpause').innerHTML == '<i class="fas fa-play"></i>'){ document.querySelector('#musicsrc').play(); document.querySelector('.playpause').innerHTML = '<i class="fas fa-pause"></i>'; } else{ document.querySelector('#musicsrc').pause(); document.querySelector('.playpause').innerHTML = '<i class="fas fa-play"></i>'; }

} </script>

</div>

<center> <div class="box-bottom"> <div class="s01"></div></div></center>

<script src="/animatedfavicon.js"></script>

dec 28 2024 ∞
dec 28 2024 +