sunflowery

[div class=container][div class=header][div class=hbox][div class=namebox][div class=gif][/div][div class=name][font=DM Serif Text]firstname
"nick"
lastname[/font][div class=extra][font=Red Hat Display]role here[/font][/div][/div][/div][div class=icon][/div][div class=info][font=Rubik]mood: xx
outfit: [URL='link link']x[/URL]
location: xx
with: x
tags: @[/font][/div][/div]


[/div][div class=body][div class=scroll][font=Muli][div class=dialogue]"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl lectus,"[/div] tincidunt in neque imperdiet, consequat viverra turpis. Morbi facilisis odio turpis, quis vestibulum dui porttitor sed. Pellentesque malesuada libero vitae libero pulvinar, nec tempor purus commodo. Praesent vulputate magna nec lectus viverra, quis cursus eros scelerisque. Integer suscipit justo vitae velit hendrerit, vitae euismod mauris aliquam. Mauris ornare sapien non libero fermentum dapibus. Sed id congue augue, nec ultricies diam.

Nullam rhoncus dapibus orci, eu sodales leo ornare sed. Nulla sed purus eget mi vehicula maximus. Donec finibus, orci eu mattis venenatis, sapien nisi condimentum nisl, in vulputate nibh leo dictum neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed sit amet lectus quis nisi aliquet elementum. Curabitur porta consequat porta. Aliquam ac metus nunc. Sed porttitor massa dui, nec auctor purus pretium eu. Nam vehicula volutpat est, quis commodo tortor ornare mollis.

In laoreet, nibh quis tempor maximus, libero ante fringilla ante, at lacinia nibh tortor id magna. Praesent id metus ante. Pellentesque dolor neque, sodales in porttitor ac, vestibulum eu lacus. Quisque volutpat id eros vel interdum. Nunc semper mollis justo a ultrices. Curabitur aliquet suscipit maximus. Sed ac lacus vel sapien sagittis elementum a pharetra nisl.

[/font][/div]
[/div]
[div=height:10px;width:100px;position:relative;z-index:6;opacity:0.8;color: var(--color-4);margin:auto;font-size:10px;top:-6px;][font=Open Sans]♡coded by uxie♡[/font][/div]
[/div]


[nobr]
[class=container]
--t-color: #fcecb3;
--color-1: #f7e896;
--color-3: #bc7f3e;
--color-2: #2C0E02;
--color-4: #E1AC2C;
--img-1: url('https://66.media.tumblr.com/62948a16e8a528d8d2235ca9bcccec7d/tumblr_pdq71kgVQO1xa4p6ho3_r1_250.jpg');
--gif: url('https://berserkon.com/images/transparent-sunflower-pixel-1.gif');
[/class]


[class name=container]
height:415px;
width:300px;
margin:auto;
display:flex;
flex-flow:row wrap;
[/class]

[class name=header]
height:117px;
width:100%;
border:4px solid var(--color-3);
box-sizing:border-box;
overflow:hidden;
background-color: var(--color-1);
padding:5px;
border-top-left-radius:2px;
border-top-right-radius:2px;
[/class]

[class name=icon]
height:90px;
width:90px;
border:3px solid var(--color-4);
border-radius:50%;
background: var(--img-1);
background-size:100%;
display:inline-block;
margin-left:13px;
margin-right:13px;
margin-bottom:5px;
[/class]

[class name=hbox]
height:100%;
width:465px;
display:flex;
flex-flow:row nowrap;
flex-shrink: 0;
min-width:451px;
transition:1.5s;
[/class]

[class name=hbox state=hover]
transform: translate(-180px);
transition:1.5s;
[/class]

[class name=namebox]
height:100%;
width:170px;
display:inline-block;
box-sizing:border-box;
padding:4px;
[/class]

[class name=name]
font-size:20px;
color: var(--color-3);
font-weight:bold;
letter-spacing:1px;
text-shadow:1.5px 1.5px var(--color-4);
text-align:right;
line-height:115%;
[/class]

[class name=extra]
height:15px;
font-size:10px;
text-align:left;
text-transform:uppercase;
text-shadow:0px 0px;
font-weight:normal;
margin-top:5px;
[/class]

[class name=info]
height:100%;
width:160px;
font-size:10px;
color: var(--color-4);
font-weight:bold;
letter-spacing:0.3px;
margin-left: 3px;
box-sizing:border-box;
padding:5px;
text-transform:uppercase;
overflow:hidden;
line-height:150%;
[/class]

[class name=gif]
height:60px;
width:55px;
background: var(--gif);
background-size:100%;
float:left;
background-repeat:none;
margin-left:1px;
margin-top:6px;
[/class]

[class name=body]
height:296px;
width:100%;
box-sizing:border-box;
padding:15px;
font-size:10px;
overflow:hidden;
text-align:justify;
background-color: var(--color-2);
color: var(--t-color);
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
[/class]

[class name=scroll minWidth="300px"]
height:100%;
width:100%;
padding-right: 50px;
overflow-y:scroll;
margin-left:9px;
[/class]

[class name=scroll maxWidth="299px"]
height:100%;
width:100%;
padding-right: 50px;
overflow-y:scroll;
[/class]

[class=dialogue]
font-weight:bold;
color: var(--color-4);
display:inline;
[/class]

[/nobr]