rose (mobile-friendly)

[div class=container][div class=bigimage][div class=img1][/div][div class=img2 style=display:none;][/div][div class=img3 style=display:none;][/div][div class=img4 style=display:none;][/div][/div][div class=header][div class=hname][font=Raleway]satō yuka[/font][/div] [div=display:inline-block;font-variant:small-caps;color: var(--bg-color);font-size:15px;margin-right:5px;margin-top:10px;float:right;][font=Lato]comm. of inari[/font][/div]
[div class=tag]eighteen[/div][div class=tag]female[/div][div class=tag]hetflex[/div][div class=tag]japanese[/div][/div]
[div class=tabcon][div class=tab1 style=display:none][div class=appearance][div class=scroll][font=Lato][div class=bigtext]faceclaim[/div]
komatsu nana

[div class=bigtext]appearance[/div]
yuka stands at about average height compared to most other women, but has a noticeably smaller frame. it's often that she's mistaken to be more petite than she actually is.

[div class=bigtext]height[/div] 1.68m
[div class=bigtext]weight[/div] 51kg
[div class=bigtext]eye colour[/div] light brown
[div class=bigtext]hair colour[/div] black
[div class=bigtext]style[/div]

[/font][/div][/div][div=width:243px;height:60px;margin-top:10px;background: var(--img-5);background-size:100%;background-position:50% 15%;][/div]

[/div][div class=tab2][div class=scroll][font=Lato][div class=bigtext2]personality[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae rutrum mauris, ut suscipit lectus. Aliquam eget porttitor orci. Maecenas bibendum odio nec diam pulvinar posuere. In auctor condimentum augue. Integer porttitor, mauris ut dignissim vehicula, libero est congue massa, sit amet varius lorem nisi et risus. Ut iaculis iaculis mauris, in congue magna. Etiam ullamcorper risus arcu, lacinia bibendum leo auctor vel. Integer nisl est, laoreet eget diam ac, volutpat luctus lacus. Maecenas non enim mauris. Curabitur ut urna dapibus, tincidunt arcu porttitor, dapibus massa.

Sed et dui maximus, bibendum orci quis, porta tellus. Mauris consequat nunc quis tristique mattis. Cras a velit velit. Proin eleifend nisi eu congue efficitur. Nulla hendrerit odio a turpis porta, id eleifend urna venenatis. Nunc facilisis felis sed mauris mollis venenatis. Nunc sollicitudin lobortis lacus quis elementum. Sed pretium porta mi. Nam efficitur gravida nibh at laoreet. Etiam risus nisl, consectetur tristique turpis a, interdum malesuada odio. Aenean tincidunt dolor facilisis massa semper gravida.

[div class=bigtext2]likes[/div]
here
here
here
[div class=bigtext2]dislikes[/div]
here
woo
here
[div class=bigtext2]quirks[/div]
here
here
!!
[/font][/div][/div][div class=tab3 style=display:none][div class=scroll][font=Lato][div class=bigtext]history[/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae rutrum mauris, ut suscipit lectus. Aliquam eget porttitor orci. Maecenas bibendum odio nec diam pulvinar posuere. In auctor condimentum augue. Integer porttitor, mauris ut dignissim vehicula, libero est congue massa, sit amet varius lorem nisi et risus. Ut iaculis iaculis mauris, in congue magna. Etiam ullamcorper risus arcu, lacinia bibendum leo auctor vel. Integer nisl est, laoreet eget diam ac, volutpat luctus lacus. Maecenas non enim mauris. Curabitur ut urna dapibus, tincidunt arcu porttitor, dapibus massa.

Sed et dui maximus, bibendum orci quis, porta tellus. Mauris consequat nunc quis tristique mattis. Cras a velit velit. Proin eleifend nisi eu congue efficitur. Nulla hendrerit odio a turpis porta, id eleifend urna venenatis. Nunc facilisis felis sed mauris mollis venenatis. Nunc sollicitudin lobortis lacus quis elementum. Sed pretium porta mi. Nam efficitur gravida nibh at laoreet. Etiam risus nisl, consectetur tristique turpis a, interdum malesuada odio. Aenean tincidunt dolor facilisis massa semper gravida.

[div class=bigtext]reason for choice[/div]

[div class=bigtext]residence[/div]

[div class=bigtext]extra[/div]
wowowowow

[/font][/div][/div][div class=tab4 style=display:none][div class=combat][div class=scroll][font=Lato][div class=bigtext2]weapon[/div]

[div class=bigtext2]powers[/div]


[/font][/div][/div][div=width:243px;height:60px;margin-top:10px;background: var(--img-6);background-size:100%;background-position:50% 35%;][/div]

[/div]
[/div][div class=buttoncon][div class=button1]appearance[/div][div class=button2]personality[/div][div class=button3]history[/div][div class=button4]combat[/div]

[/div][div=height:77px;width:136px;background:url('https://i.pinimg.com/originals/35/d8/a6/35d8a6c2d3e747e2698016d7cd623f19.jpg');background-size:100%;background-position:60% 60%;margin-top:8px;margin-left:1px;][/div]

[div=height:20px;width:100px;position:relative;z-index:6;opacity:0.6;color: var(--color-2);margin:auto;top:-30px;][font=Open Sans][SIZE=10px]⠀♡coded by uxie♡[/SIZE][/font][/div][/div]

[nobr]

[class=container]
--img-1: url('https://66.media.tumblr.com/cf6c60509535a7840ce93a40a32f2c79/tumblr_oti2vuyQRr1ujgpcwo8_r1_400.png');
--img-2: url('https://66.media.tumblr.com/16f658de8cf0ca5e10b4119d0890503d/tumblr_p292bed6v71wvu0d2o2_400.jpg');
--img-3: url('https://66.media.tumblr.com/8020392796d71c206cd1aa23a9342925/tumblr_oti2vuyQRr1ujgpcwo1_400.png');
--img-4: url('https://66.media.tumblr.com/be949648dd8fcec52863d46ba585b1d8/tumblr_p292bed6v71wvu0d2o9_400.jpg');
--img-5: url('https://data.whicdn.com/images/278907493/large.png');
--img-6: url('https://66.media.tumblr.com/4757d7d6cfc60ef251e0e6243bf5defb/tumblr_p9jwywrsJU1x3ov88o4_400.png');
--bg-color:#F6D3D7;
--color-1:#C5B9A1;
--color-2: #E4AEC6;
--color-3:#A7AED8;
--color-4: #67B6B4;
--color-5: #FCEAAE;
--bcolor-1: #C6A5CA;
--bcolor-2:#F5CF94;
--bcolor-3: #889ACC;
--bcolor-4: #C4DBA0;
--btcolor-1:#BF9886;
--tcolor-1: #757161;
--tcolor-2: #485356;
height:360px;
width:390px;
margin:auto;
padding:10px;
background-color: var(--bg-color);
position:relative;
[/class]

[class=bigimage]
height:125px;
width:125px;
border:1px solid var(--color-1);
float:left;
position:relative;
padding:5px;
[/class]

[class=img1]
height:125px;
width:125px;
background: var(--img-1);
background-size:100%;
position:absolute;
[/class]

[class=img2]
height:125px;
width:125px;
background: var(--img-2);
background-size:100%;
position:absolute;
[/class]

[class=img3]
height:125px;
width:125px;
background: var(--img-3);
background-size:100%;
position:absolute;
[/class]

[class=img4]
height:125px;
width:125px;
background: var(--img-4);
background-size:100%;
position:absolute;
[/class]

[class=header]
height:70px;
width:243px;
background-color: var(--color-2);
float:left;
margin-left:10px;
[/class]

[class=hname]
color: white;
margin-left:10px;
position:relative;
top:-2px;
text-shadow:1.5px 1.5px var(--bg-color);
font-variant: small-caps;
font-size:28px;
font-weight:bold;
letter-spacing:1.5px;
display:inline-block;
[/class]

[class=tag]
height:17px;
min-width:10px;
font-size:10px;
background-color: var(--color-3);
color: var(--bg-color);
display:inline-block;
padding-right:3px;
padding-left:3px;
padding-top:2px;
text-transform:uppercase;
letter-spacing:0.5px;
margin-left:6px;
position:relative;
top:-5px;
[/class]

[class=buttoncon]
height:110px;
width:125px;
padding:5px;
border:1px solid var(--color-1);
margin-top:123px;
[/class]

[class=button1]
height:25px;
width:125px;
background-color: var(--bcolor-1);
color: var(--bg-color);
font-size:15px;
font-variant:small-caps;
text-align:center;
letter-spacing:1.5px;
font-weight:400;
margin-bottom:2.5px;
transition:0.3s;
[/class]

[class name=button1 state=hover]
background-color: var(--color-2);
color: var(--bcolor-1);
cursor:pointer;
transition:0.3s;
[/class]

[script class=button1 on=click]
hide img2
hide img3
hide img4
hide tab2
hide tab3
hide tab4
show img1
show tab1
[/script]

[class=button2]
height:25px;
width:125px;
background-color: var(--bcolor-2);
color: var(--btcolor-1);
font-size:15px;
font-variant:small-caps;
text-align:center;
letter-spacing:1.5px;
font-weight:400;
margin-bottom:2.5px;
transition:0.3s;
[/class]

[class name=button2 state=hover]
background-color: var(--color-2);
color: var(--bcolor-2);
cursor:pointer;
transition:0.3s;
[/class]

[script class=button2 on=click]
hide img1
hide img3
hide img4
hide tab1
hide tab3
hide tab4
show img2
show tab2
[/script]

[class=button3]
height:25px;
width:125px;
background-color: var(--bcolor-3);
color: var(--bg-color);
font-size:15px;
font-variant:small-caps;
text-align:center;
letter-spacing:1.5px;
font-weight:400;
margin-bottom:2.5px;
transition:0.3s;
[/class]

[class name=button3 state=hover]
background-color: var(--color-2);
color: var(--bcolor-3);
cursor:pointer;
transition:0.3s;
[/class]

[script class=button3 on=click]
hide img2
hide img1
hide img4
hide tab2
hide tab1
hide tab4
show img3
show tab3
[/script]

[class=button4]
height:25px;
width:125px;
background-color: var(--bcolor-4);
color: var(--btcolor-1);
font-size:15px;
font-variant:small-caps;
text-align:center;
letter-spacing:1.5px;
font-weight:400;
margin-bottom:2.5px;
transition:0.3s;
[/class]

[class name=button4 state=hover]
background-color: var(--color-2);
color: var(--bcolor-4);
cursor:pointer;
transition:0.3s;
[/class]

[script class=button4 on=click]
hide img2
hide img3
hide img1
hide tab2
hide tab3
hide tab1
show img4
show tab4
[/script]

[class=tabcon]
height:270px;
width:245px;
position:relative;
left:3px;
float:right;
margin-top: 10px;
[/class]

[class=scroll]
height: 100%;
width:100%;
overflow-y:scroll;
padding-right:150px;
[/class]

[class=bigtext]
font-size:10px;
font-weight:bold;
display:inline-block;
background-color: var(--color-3);
padding-left:3px;
padding-right:3px;
color: var(--color-5);
text-transform:uppercase;
letter-spacing:0.8px;
margin-bottom:3px;
margin-top:3px;
text-align:center;
[/class]

[class=bigtext2]
font-size:10px;
font-weight:bold;
display:inline-block;
background-color: var(--bcolor-2);
padding-left:3px;
padding-right:3px;
color: var(--bcolor-3);
text-transform:uppercase;
letter-spacing:0.8px;
margin-bottom:3px;
margin-top:3px;
text-align:center;
[/class]

[class=tab1]
height:270px;
width:240px;
position:absolute;
font-size:10px;
[/class]

[class=appearance]
height:190px;
width:233px;
padding:5px;
overflow:hidden;
background-color: var(--bcolor-2);
font-size: 10px;
color: var(--tcolor-1);
text-align:justify;
[/class]

[class=tab2]
height:260px;
width:230px;
position:absolute;
font-size:10px;
background-color: var(--bcolor-3);
overflow:hidden;
padding:5px;
color: var(--tcolor-2);
text-align:justify;
[/class]

[class=tab3]
height:260px;
width:230px;
position:absolute;
font-size:10px;
background-color: var(--bcolor-4);
overflow:hidden;
padding:5px;
color: var(--tcolor-2);
text-align:justify;
[/class]

[class=combat]
height:190px;
width:233px;
padding:5px;
overflow:hidden;
background-color: var(--bcolor-1);
font-size: 10px;
color: var(--tcolor-2);
text-align:justify;
[/class]

[/nobr]