</style></head><body><div id="wrapper"><div id="main"><div class="inner"><div id="embed01"><script src="https://kit.fontawesome.com/8ef97d3168.js" crossorigin="anonymous"></script><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@500&display=swap" rel="stylesheet"><div class="all"><div id="cont"><div id="play" class="play"><i class="fas fa-play"></i> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet">
</div></div><div id="name">Joly</div><img class=ic src="https://data.whicdn.com/images/357394720/original.jpg"><div id="infop"; text-align="center"> scroll! <br> hello~ welcome, i'm oliver! 17 <br>
u can call me joly or rio as well! <br>
he ♪ bi mixed <br>
enby <u text-color="#FFE8F0"> ♡</u> ptbr/eng latino
<p> </p> <u>likes</u> <strong> malu ♡ jinnie, bbangnyu, jukyu, wujuboyz, </strong> coding, sanrio, ggroups, <strong> frank ocean,</strong> lettering, dia, <em> pink </em>
</div> <div id="rate"> i like to post pics of myself sometimes, don't ss my tweets (unless u are my friend), i will block you if you copy one of my carrds and didn't give credits. </div> <div id="contt"><div class="boxs"><img class=ari src="https://data.whicdn.com/images/357949752/original.gif"><mark><i class="fas fa-folder-open"></i> REMARQUES 🎧</mark> <br> <strong> do not req if:</strong> <em>little seven, yoongi stans,</em> stan problematic idols, terfs, dont respect people pronouns, just dont be annoying or weird pls <br> <p> </p>
<strong>before you req:</strong> i talk about everything that i want, not a part of "smth"twt*, <strong>ot10 deobi</strong>, i like to interact w my mutuals, sb over mute/unf, more active on priv (but sometimes not lol), not really active ig <br> <br></br><mark><i class="fas fa-question-circle"></i> FIND ME 🍓 </mark> <br> <a href="http://weheartit.com/user/cherrrybullet">whi</a> ✦ <a href="https://twitter.com/chngmis/">twt</a> ✦ <a href="https://twitter.com/carrdapio/">crd acc</a> ✦ <a href="https://twitter.com/chebuliets/">priv</a> ✦ <a href="https://open.spotify.com/user/4r4s9wgpv8koi6ojng7j4g5sa?si=98yYa3QMTICV_CjIVMtDNg&utm_source=copy-link">spotify</a> ✦ <a href="https://last.fm/user/sonjuyeon">lastfm</a> </div><div class="boxs"><img class=arii src="https://data.whicdn.com/images/342548136/original.jpg"> <mark><i class="fas fa-music"></i> MON AIME 🎀</mark> <br> <u> ults </u> <strong>♡changmin♡, younghoon</strong> & juyeon
<p> </p>
<u>ult groups</u> <strong>the boyz, wjsn, loona,</strong> <u>semi ult groups </u>stayc, gwsn, cherry bullet, dia
<p> </p>
<u>regulars </u>weeekly, <u>kep1er, cix, fromis, f(x), </u>brave girls, txt, ytsn, everglow, wonder girls, elris, red velvet (ot4), <u>aespa, ive</u>, twice, 2nd gen ggs
<p> </p>
<u>semi ults & solos</u> wonyoung, chaeyeon, gahyeon, yukika, eunwoo, eunsang, woodz, kim wooseok, minhee ++
<p> </p>
<u>++</u> <strong>frank ocean, tinashe,</strong> rina sawayama, kali uchis, years & years, troye sivan, charli xcx, sza, syd, tove lo e outros <br></br></div></div></div>
<audio id="track"><source src="https://dl.dropbox.com/s/rp0jjdfaj93cl2g/SOUL%20LADY%20CD%201%20TRACK%206%20%28320%29.mp3" type="audio/mpreg" /></audio></div><div id="embed02"><style> html {
height: 100vh;
width: 20wv;
font-size: 16px;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
}
.all {
position: fixed;
width: 20em;
height: 16em;
background: #FEE8F3;
border-radius: 7px;
border: 1px solid #eaeaea;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
box-shadow: 0 0 2px rgba(140,140,140,.2);
display: flex;
padding: 0px;
position: absolute;
bottom: -0em;
left: 30px;
}
@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
@font-face {
font-family: lovely script;
src: url(https://dl.dropbox.com/s/ss5bqbogijw4zfj/LovelyScript.otf);
}
#cont {
height: 100%;
width: 43%;
}
.scroll {
border-radius: 4px;
padding: 5px;
border: 1px solid #eaeaea;
height: 100%;
width: 100%;
background: rgb(255, 255, 255, 0.5);
margin-bottom: 10px;
position: relative;
overflow-y: scroll;
overflow-x: hidden;
font-family: 'Kosugi Maru', sans-serif;
font-size: 11px;
}
#tab {
width: 10%;
height: auto;
display: flex;
font-family: 'Kosugi Maru', sans-serif;
font-size: 14px;
background: rgb(255, 255, 255, 0.8);
border-radius: 100px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
box-shadow: 0 0 2px rgba(140,140,140,.2);
position: relative;
top: -5%;
right: -2.5%;
padding: 5px;
z-index: 99;
align-items: center;
justify-content: center;
}
i {
color: #f4bcd6;
font-size: 16px;
}
.fa-heart {
margin-right: 7px;
}
.fa-play {
cursor:pointer;
-webkit-text-stroke: 0.5px #000000;
-webkit-backdrop-filter: blur(2px);
background: rgb(255, 255, 255, 0.8);
backdrop-filter: blur(2px);
-webkit-filter: drop-shadow(0px 0px 2px rgba(140,140,140,.4));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.dolli {
height: 65%;
width: auto;
position: absolute;
left: -5%;
bottom: -1.5%;
border-radius: 0 0 7px 0;
}
.icons {
border: 1px solid #eaeaea;
border-radius: 100%;
position: absolute;
right: -5%;
bottom: 50%;
}
#contt {
width: 57%;
height: 100%;
overflow-x: scroll;
white-space: nowrap;
background: #fff2f8;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
border-radius: 5px;
}
.boxs {
white-space: normal;
display: inline-block;
vertical-align: middle;
background: #fff;
height: 100%;
width: 100%;
border: 1px solid #eaeaea;
background: rgb(255, 255, 255, 0.5);
border-radius: 4px;
margin-right: 1px;
overflow-y: scroll;
padding: 5px;
font-size: 11px;
line-height: 1.2;
font-family: 'Kosugi Maru', sans-serif;
}
.fa-folder-open , .fa-question-circle , .fa-music , .fa-video{
line-height: 0;
-webkit-filter: drop-shadow(0px 0px 1px rgba(255,255,255,.4));
font-size: 15px;
}
mark {
background: #FEE9F3;
padding-left: 3px;
padding-right: 3px;
border-radius: 5px 0;
border: 1px solid #eaeaea;
margin-right: 5px;
font-size: 13.5px;
font-family: 'Kosugi Maru', sans-serif;
font-weight: bold;
}
@font-face {
font-family: ktegaki;
src: url(https://dl.dropbox.com/s/likp0uru5np58yn/KTEGAKI.ttf);
}
.ic {
border-radius: 50%;
background: #FEE9F3;
width: 5em;
height: 5em;
position: absolute;
left: 30%;
top: -0.2%;
z-index: 98;
padding 8px;
border: 7px solid #FEE9F3;
overflow: hidden;
object-fit: cover;
}
.play {
padding: 5px;
display: flex;
border-radius: 4px;
position: absolute;
bottom: 1.5%;
left: 1%;
font-family: 'Kosugi Maru', sans-serif;
font-size: 11px;
align-items: center;
justify-content: center;
}
#name {
font-family: lovely script;
font-size: 2.5em;
position: absolute;
left: -7%;
top: 15%;
line-height: 0;
transform: rotate(0deg);
z-index: 999;
color: #fff;
text-shadow: -2px 0 #fee9f3, 0 2px #fee9f3, 2px 0 #fee9f3, 0 -2px #fee9f3, 0 0;
-webkit-text-stroke: 0.5px #000000;
}
#infop {
background: rgb(255, 255, 255, 0.5);
width: 35%;
height: 28%;
position: absolute;
overflow: scroll;
left: 4%;
text-align: left;
padding: 5px;
font-size: 9.9px;
font-family: 'Kosugi Maru', sans-serif;
border-radius: 0 5px;
bottom: 43%;
border: 1px solid #eaeaea;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
box-shadow: 0 0 2px rgba(140,140,140,.2);
line-height: 1.2;
}
.ari {
width: 100%;
height: 100px;
object-fit: cover;
border-radius: 4px;
margin-bottom: 10px;
opacity: 0.8;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.arii {
width: 100%;
height: 150px;
object-fit: cover;
border-radius: 4px;
margin-bottom: 10px;
opacity: 0.6;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
#rate {
background: rgb(255, 255, 255, 0.5);
width: 35%;
height: 28%;
overflow: scroll;
text-align: left;
padding: 5px;
font-size: 9.9px;
font-family: 'Kosugi Maru', sans-serif;
border-radius: 0 5px;
border: 1px solid #eaeaea;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
box-shadow: 0 0 2px rgba(140,140,140,.2);
line-height: 1.2;
z-index: 1038;
position: absolute;
bottom: 12.3%;
left: 4%;
</style></div><div id="embed03"><script> document.getElementById("play").onclick = function() {
var audio = document.getElementById("track");
if (audio.paused) audio.play();
else audio.pause("pause");
}
.magica {
font-family: 'Magica';
background-color: transparent;
}
;
</script></div></div></div></div>
!
