[nospaces]
[attr="class","chang"]
[attr="class","chang-top"]
TAMAKI HIROSE
we think we have the answers - some things ain't never gonna change
[attr="class","chang-color"]
[attr="class","chang-bulk"]
[attr="class","chang-left"]
[attr="class","th th-calendar-1-o"]
age
[break]
thirty-one
[attr="class","th th-briefcase-o"]
occupation
[break]
chemist
[attr="class","th th-heart-1-o"]
sexuality
[break]
bisexual
[attr="class","th th-users-o"]
group
[break]
rocket
[attr="class","chang-button"][attr="class","th th-plus-1-o"] TOGGLE INFO
[attr="class","chang-hov"]
title here
optional sub-title here
[break]
people talking, and they're saying that you're leaving. so unhappy with the way that you've been living. oh,
we always wish for money, we always wish for fame. we think we have the answers. some things ain't never gonna change (change!). it doesn't matter who you are, it's all the same. (change!) what's in your heart will never change.[break][break]
look in the mirror, and you see how you've been taken. oo, you won't surrender, but now your heart is breakin'. oh, we always wish for money, we always wish for fame. we think we have the answers. some things ain't never gonna change (change!).
it doesn't matter who you are, it's all the same. (change!) what's in your heart will never change.[break][break]
or just the sub-title
[break]
do you remember when you got your lucky break? you're lookin' back now, and it seems like a mistake. oh, we always wish for money, we always wish for fame. we think we have the answers. some things ain't never gonna change (change!). it doesn't matter who you are, it's all the same. (change!
what's in your heart will never change. it doesn't matter who you are, it's all the same. (change!) what's in your heart will stay the same. it doesn't matter who you are, it's all the same.[break][break]
it's only, it's only, it's only change. you ain't gonna, you ain't gonna change.
[attr="class","chang-img"]
[googlefont=Roboto+Condensed:300,400,700,800]
[googlefont=Roboto:300,400,700,800]
[googlefont=Inconsolata:300,400,700,800]
[newclass=.chang]padding:15px;border-radius:5px;background-color:#202020;width:520px;color:#aaaaaa;text-align:justify;font:11px Roboto;[/newclass]
[newclass=.chang-top]color:#66bed9;white-space:nowrap;background-color:#1a1a1a;border-radius:3px 3px 0px 0px;padding:35px 0px 75px 35px;text-transform:uppercase;font:bold 65px Roboto Condensed;line-height:55px;letter-spacing:-2px;[/newclass]
[newclass=.chang-top div]color:#eeeeee;font:bold 8px Inconsolata;line-height:10px;padding:10px;background-color:#242424;border-radius:3px;position:absolute;margin-top:10px;letter-spacing:1px;[/newclass]
[newclass=.chang-color]height:10px;width:100%;background: linear-gradient(to bottom right, #5299cc, #66bed9);[/newclass]
[newclass=.chang-bulk]height:500px;width:520px;position:relative;overflow:hidden;border-radius:0px 0px 3px 3px;[/newclass]
[newclass=.chang-left]text-transform:uppercase;z-index:1;height:395px;background-color:#1a1a1a;position:absolute;padding:20px;width:130px;[/newclass]
[newclass=.chang-left div]padding:10px 0px 22px 10px;height:48px;[/newclass]
[newclass=.chang-left h1]color:#202020;position:absolute;font-size:65px;line-height:68px;margin:-10px 50px;height:50px;;padding:0px;[/newclass]
[newclass=.chang-left h2]font:bold 8px Inconsolata;line-height:8px;position:Relative;letter-spacing:1px;margin:0px 0px 5px 0px;padding:10px;background: linear-gradient(to bottom right, #5299cc, #66bed9);border-radius:3px;color:#1a1a1a;display:inline-block;[/newclass]
[newclass=.chang-left h3]position:relative;font:bold 15px Roboto Condensed;text-transform:lowercase;letter-spacing:.5px;line-height:15px;padding:0px;margin:0px;[/newclass]
[newclass=.chang-button]z-index:1;cursor:pointer;margin-top:435px;height:15px;position:absolute;color:#1a1a1a;padding:25px 25px 25px 20px;font:bold 17px Roboto Condensed;line-height:15px;text-align:right;width:125px;background: linear-gradient(to bottom right, #5299cc, #66bed9);[/newclass]
[newclass=.chang-button i]float:left;margin-top:-1px;[/newclass]
[newclass=.chang-img]filter:grayscale(100%);-webkit-transition-delay: .3s; transition-delay: .3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s;transform:scale(1);height:500px;width:350px;background-image:url(https://i.ibb.co/Kh6Y3XB/Change-John.png);position:absolute;margin-left:170px;[/newclass]
[newclass=.chang-hov]-webkit-transition-delay: .3s; transition-delay: .3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-duration:.3s;opacity:0;position:absolute;z-index:1;background-color:#1a1a1a;margin:25px 0px 0px 520px;padding:35px;width:230px;border-radius:3px;[/newclass]
[newclass=.chang-hov div]height:380px;overflow:auto;padding-right:19px;[/newclass]
[newclass=.chang-hov div::-webkit-scrollbar-thumb:vertical]background: linear-gradient(to bottom, #5299cc, #66bed9);[/newclass]
[newclass=.chang-hov div::-webkit-scrollbar]width:1px;background-color:#1a1a1a;[/newclass]
[newclass=.chang-hov h1]margin:0px;padding:0px;font:bold 30px Roboto Condensed;line-height:25px;color:#66bed9;text-transform:lowercase;[/newclass]
[newclass=.chang-hov h2]margin:0px;padding:0px;font:bold 8px Inconsolata;text-transform:uppercase;line-height:10px;padding:5px 7px;background-color:#242424;border-radius:3px;letter-spacing:1px;display:inline-block;margin:10px 0px 15px 0px;color:#eeeeee;[/newclass]
[newclass=.chang-hov b]color:#5f5f5f;[/newclass]
[newclass=.chang-hov a]color:#66bed9;font:bold 11px Roboto;[/newclass]
[newclass=.chang-hov:hover]margin-left:195px;opacity:1; }.chang-button:hover ~ .chang-img { transform:scale(1.075);opacity:.35;-webkit-transition-delay: 0s; transition-delay: 0s; }.chang-button:hover ~ .chang-hov { margin-left:195px;opacity:1;-webkit-transition-delay: 0s; transition-delay: 0s; }.chang-hov:hover ~ .chang-img { transform:scale(1.075);opacity:.35;[/newclass][/quote]