cssdoll crd

<style>

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 6px); }
100% { transform: translate(0, -0px); }
}

::-webkit-scrollbar {
width: 0;
background: transparent;
}

@font-face {
font-family: reactor;
src: url(https://dl.dropbox.com/s/xixq7hn0vzev1qs/Reactor7.ttf?dl=0);
}

@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/kaxqli0m8m9zvdc/Windows%20Regular.ttf?dl=0);
}

@font-face {
font-family: kilo;
src: url(https://dl.dropbox.com/s/dtc1bgtrkytghnv/Kilo.otf?dl=0);
}

@font-face {
font-family: contour;
src: url(https://dl.dropbox.com/s/p5w9a6mq9ua36wd/Contour%20Regular.ttf?dl=0);
}

@font-face {
font-family: helvetica;
src: url(https://dl.dropbox.com/s/9k2dex8g5w4xwi3/Helvetica.ttf?dl=0);
}

#box {

box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

background: #fff;
border: #5F88FE solid .2em;
width: 100%;
height: 12em;
border-radius: 2em;
padding: .5em;
text-align: left;
margin: auto;
vertical-align: middle;

}

#name {
font-family: 'kilo';
font-size: 3em;

background: #fff; /* color of your actual text */
-webkit-text-stroke-width: .06em; /* how big the border is*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #5F88FE; /* color of the border*/

letter-spacing: -0.11em;
text-align: center;

position: relative;
top: 0.4em;

}

mark {
background: #5F88FE; /* color of bubble */
border-radius: .4em;
border: 1px solid black; /* bubble border color */
padding: .1em .2em .1em .2em;
color: #fff; /* text color */
font-family: contour;
font-size: .8em;
}

greencolor {
color: #64D31F;
}

#text01 {
font-family: windows;
overflow-y: scroll;
height: 10em;
text-align: left;
padding: .5em;
line-height: 1.2em;
}

#text02 {
font-family: windows;
overflow-y: scroll;
height: 10em;
text-align: left;
padding: .5em;
line-height: 1.2em;
}

img {
border: #000 solid 1px;
width: 100%;
height: width: 100%;;
object-fit: fill;
border-radius: .55em;
}

img[src*="https://www.apple.com/v/airpods-max/e/images/overview/hero__gnfk5g59t0qe_xlarge.png"] {
border: none;
background: transparent;
position: absolute;
transform: rotate(20deg);
left: 18em;
bottom: 4em;
z-index: 99;
width: 3em;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

star1 {
position: absolute;
right: 5.9em;
bottom: .35em;
z-index: 99;
background: #fff; /* color of your actual text */
-webkit-text-stroke-width: .06em; /* how big the border is*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #5F88FE; /* color of the border*/
font-size: 3em;

}

star2 {
position: absolute;
left: 5.95em;
top: 1.4em;
z-index: 99;
background: #fff; /* color of your actual text */
-webkit-text-stroke-width: .06em; /* how big the border is*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #5F88FE; /* color of the border*/
font-size: 3em;

}

</style>

<star2>✦</star2>
<star1>✦</star1>

<img src="https://www.apple.com/v/airpods-max/e/images/overview/hero__gnfk5g59t0qe_xlarge.png">

<div id="name"> NIEVE </div>

<div id="box">

<div style="width: 50%; float:left">
<div id="text01">

<img src="https://i.pinimg.com/564x/10/b0/bc/10b0bcb87ceefb6f71d661a403dc7b53.jpg">

<mark>byf</mark> rt monster, vent sometimes, probably won't accept ur req if i dont know u.
<br> <br>
<mark>dfi</mark> under 15 or over 20, fatphobic, care abt solo stans, and more text.
<br> <br>
<mark>links</mark> <a href="URL" target="_blank">pinterest</a>, <a href="URL" target="_blank">coracrd</a>
<br> <br>
another part for lots and lots of text once again... so cool and pretty woww

</div>
</div>

<div style="width: 50%; float:right">
<div id="text02">

<greencolor>nieve</greencolor> • 18 • any pronouns
<br>
more info here & there like this and such
<br> <br>
<mark>likes</mark> kpop, design, dance, videogames like minecraft, overwatch, fortnite.
<br> <br>
more text here like this! write lots n lots of stuff here to fill if u'd like of course.

</div>
</div>

</div>