pixie dust

[div class=container][div=height:20px;width:100px;position:relative;z-index:6;opacity:0.6;color: var(--color-1);margin:auto;][font=Open Sans][SIZE=10px]⠀♡coded by uxie♡[/SIZE][/font][/div][div class=sidebar][div class=border1][div=height:95px;width:95px;border-radius:50%;background: var(--img-1);background-size:120%;background-position:70% 20%][/div][/div][div class=name][font=Roboto]✿ name here ✿[/font][/div][div class=info style=display:none][div class=scroll2][font=Nunito Sans][b]location:[/b] sunflower house
[b]mood[/b]:
[b]mentions:[/b]
[/font][/div][/div][div class=border2][div=height:42px;width:42px;border-radius:50%;background: var(--img-2);background-size:150%;background-position:40% 20%;][/div][/div][/div][div class=content][div class=scroll1][font=Nunito Sans]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed faucibus nunc. Donec mattis erat eu imperdiet aliquam. Nam a euismod arcu. Etiam mollis, purus vel dictum pulvinar, tellus ligula tincidunt orci, ut vestibulum lacus tortor ut mauris. Curabitur vel velit sit amet enim dapibus gravida. Nunc placerat tortor vitae tellus laoreet mattis. Sed urna metus, condimentum et nulla ac, vulputate iaculis orci. Donec nec rhoncus sapien. Quisque quam ipsum, mattis sed dapibus eget, ultrices vel enim. Morbi sapien arcu, vehicula eu imperdiet vel, tempus eu tellus.

[div class=dialogue]Nulla faucibus pulvinar odio quis eleifend. Fusce non risus eget dui rhoncus efficitur in et arcu.[/div] Quisque semper, nibh ac luctus lobortis, massa sapien ornare nunc, ut placerat tortor arcu eu tortor. In nec neque lobortis, gravida ligula ac, convallis elit. Nulla tincidunt ultricies mollis. Nunc sed egestas felis, vel bibendum tortor. Quisque laoreet mi turpis, in viverra tortor dapibus non. Donec pellentesque, diam ut ullamcorper pellentesque, metus tellus consectetur purus, sit amet faucibus est nisl et felis. Phasellus in enim a arcu volutpat porta vitae ut felis. Vivamus velit risus, efficitur dapibus sodales eu, consectetur et massa. Suspendisse sed ultrices ex. Praesent orci odio, mattis id scelerisque sed, mollis quis urna. Phasellus mollis imperdiet quam, non commodo nibh aliquam quis.
[/font][/div][/div]
[/div]

[nobr]

[class=container]
--bg-color-1:#ffaadb;
--bg-color-2:#ffc4e5;
--color-1: #FD4E8D;
--color-2: #ff7caa;
--t-color: #3d2427;
--img-1: url('https://66.media.tumblr.com/0dbe42faa191660b41a220f4343e14a6/tumblr_oz4svaZBsf1wa4dhao2_400.png');
--img-2: url('https://66.media.tumblr.com/31346bb4f16d45c479e595a4648b9b39/tumblr_p7pwi3zmtb1xny1t0o1_1280.jpg');
height:320px;
width:400px;
margin:auto;
position:relative;
[/class]

[class=sidebar]
height:300px;
width:160px;
background-color: var(--bg-color-1);
float:left;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
[/class]

[class=content]
height:284px;
width:230px;
background-color: var(--bg-color-2);
float:left;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
padding:5px;
padding-top:8px;
padding-bottom:8px;
overflow:hidden;
text-align:justify;
font-size:10px;
[/class]

[class=scroll1]
height:100%;
width:100%;
overflow-y:auto;
padding-right:40px;
color: var(--t-color);
margin-left:8px;
[/class]

[class=scroll2]
height:100%;
width:100%;
overflow-y:auto;
padding-right:40px;
color: var(--t-color);
[/class]

[class=border1]
height:95px;
width:95px;
border-radius:50%;
border:1px solid var(--color-1);
padding:5px;
margin:auto;
margin-top:15px;
transition:0.4s;
[/class]

[class name=border1 state=hover]
transform: scale(1.05);
transition:0.4s;
[/class]

[class=name]
font-size:18px;
color:white;
text-shadow: 2px 2px var(--color-1);
text-align:center;
margin:auto;
margin-top:2px;
font-weight:bold;
letter-spacing:1px;
[/class]

[class=info]
height:69px;
width:124px;
margin:auto;
background-color: var(--bg-color-2);
margin-top:5px;
padding:3px;
color: var(--t-color);
font-size:10px;
overflow:hidden;
[/class]

[class=border2]
height:42px;
width:42px;
border-radius:50%;
border:1px solid var(--color-1);
padding:3px;
margin:auto;
margin-top:10px;
transition:0.4s;
position:relative;
top:0px;
[/class]

[class name=border2 state=hover]
transform: scale(1.05);
transition:0.4s;
cursor: pointer;
[/class]

[script class=border2 on=click]
slideToggle 800 info
[/script]

[class=dialogue]
display:inline-block;
color: var(--color-1);
[/class]

[class=alt]
display:inline-block;
background-color:var(--color-2);
min-height:20px;
width: calc(100% - 10px);
padding:5px;
[/class]

[/nobr]