wonyoung.uwu.ai bg

<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&display=swap" rel="stylesheet">

<style>
@font-face {
font-family: hugh is life;
src: url(https://dl.dropbox.com/s/bki6gilknxxouuk/HughIsLifePersonalUseItalic-K7axe.ttf);
}

.container {
position: relative;
width: 320px;
height: 210px;
margin: auto;
z-index: 999;
/* change the background image and the gradient */
background-image: linear-gradient(#ffffff50, #C7D8FFba), url('https://data.whicdn.com/images/349540500/original.gif');
background-position: center;
background-size: cover;
color: #fff;
overflow: hidden;
box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 20%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 30%);
border-radius: 30px;
overflow: auto;
}

@keyframes glow { 0% { text-shadow: 0px 0px 15px white; } 50% { text-shadow: 0px 0px 5px white; } 100% { text-shadow: 0px 0px 15px white; }
}

p {
font-family: kosugi;
color: #999999;
font-size: 0.9em;
text-align: right;
}

p2 {
font-family: kosugi;
color: #fff;
font-size: 0.6em;
text-align: right;
font-style: italic;
font-weight: 900;
}

mark {
color: #ffffff;
font-size: 1.2em;
background: transparent;
-webkit-filter: drop-shadow(0px 0px 1px #fff);
animation: glow 1.5s infinite;
}

a {
color: #ffffff;
-webkit-filter: drop-shadow(0px 0px 1px #fff);
text-decoration: none;
}

.top-left {
position: absolute;
top: 0px;
left: 8px;
}

.top-right {
position: absolute;
top: 4px;
right: 8px;
}

.content {
position: absolute;
top: 60px;
/* change the opacity of the slide up */
opacity: .7;
width: 87%;
height: 90%;
/* change the background color of the slide up */
background-color: #C7D8FFba;
padding-right: 10px;
padding-left: 10px;
/* make the shadow the same color as the background */
box-shadow: 0 0 30px 35px #C7D8FFba;
-webkit-transform: translateY(80%);
transform: translateY(80%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0.4s;
transition: opacity 0.2s 0.3s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.2s 0.3s;
transition: transform 0.4s, opacity 0.2s 0.3s, -webkit-transform 0.4s;
}

.slide-up:hover .content {
/* change the opacity of the slide up */
opacity: .8;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
transition: opacity 0.2s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.2s;
transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
}
</style>

<div class='container slide-up'>

<div class='content'>
<p><mark>hellooo</mark> i'm juwairiyah ~ i'm a minor, south asian, muslim. <bold>cr aicoholdrink for this scrollbox<bold></p>
<br>
<p><mark>note</mark> mainpriv, don't req if idk you, i talk a lot and say what i want so don't say anything to me regarding of wht i post, no tw. </p>
<br>
<p><mark>lovelist</mark> bp, nct, OnlyOneOf, aespa, twice, ive, stayc, itzy, sulli, rv, loona, ariana, taylor, NIKI, melanie martinez, beabadoobee, olivia rodrigos.</p>
<br>
</div>
</div>