[nospaces]

[googlefont=Quicksand:400,700]

[attr="class","dracAbout"]your optional about goes here! alternatively, if you're using this as a wanted ad, you can write about it here. deep in the darkest night, when there's no one around, the force is coming, and there's no way out.

[attr="class","dracPlotter"]

[newclass=.dracPlotter] --CHARACTER_ONE:#AC1C2C;[/newclass]
[newclass=.CHARACTER_ONE .dracPlotFront img, .CHARACTER_ONE .dracPlotBody div b] border-color:var(--CHARACTER_ONE)!important; color:var(--CHARACTER_ONE)!important; [/newclass]
[newclass=.CHARACTER_ONE .dracPlotAnimation, .CHARACTER_ONE .dracPlotBody div::-webkit-scrollbar-thumb] background-color:var(--CHARACTER_ONE)!important; [/newclass]

[attr="class","CHARACTER_ONE"]

[attr="class","dracPlotBox"]

[attr="class","dracPlotFront"]

firstname lastname

[attr="class","dracPlotBody"]

subtitle

lorem as the night deepens, it gets stronger the dark shadow overshadowing me, you better ru-ru-ru-ru-ru-ru-ru-run don’t let yourself get alone in the dark, don’t walk alone that moment, he opens his eyes, you better ru-ru-ru-ru-ru-ru-ru-run [break][break] yeah, when that moon hides behind the cloud yeah, He flies secretly yeah, he will target you who’s lonely, you better ru-ru-ru-ru-ru-ru-ru-run hold me trust me, hold my hand look at me love me, I’m protecting you [break][break]

seeking

what'cha lookin' for?

[attr="class","dracPlotAnimation"]

[newclass=.dracPlotter] --CHARACTER_TWO:#F8930C;[/newclass]
[newclass=.CHARACTER_TWO .dracPlotFront img, .CHARACTER_TWO .dracPlotBody div b] border-color:var(--CHARACTER_TWO)!important; color:var(--CHARACTER_TWO)!important; [/newclass]
[newclass=.CHARACTER_TWO .dracPlotAnimation, .CHARACTER_TWO .dracPlotBody div::-webkit-scrollbar-thumb] background-color:var(--CHARACTER_TWO)!important; [/newclass]

[attr="class","CHARACTER_TWO"]

[attr="class","dracPlotBox"]

[attr="class","dracPlotFront"]

firstname lastname

[attr="class","dracPlotBody"]

subtitle

lorem Dracula-la-la-la-la Dracula-la-la-la-la you would be a bit thirsty, your heart might feel weird you are under fear now, You better ru-ru-ru-ru-ru-ru-ru-run yeah, the moment you feel that breath yeah, push him away quickly yeah, the more you acknowledge, the more he enjoys it, You better ru-ru-ru-ru-ru-ru-ru-run hold me trust me, hold my hand look at me love me, I’m protecting you Dracula-la-la-la-la Dracula, don’t look behind you Dracula You better ru-ru-ru-ru-ru-ru-ru-run Dracula, you have to follow the sun Dracula You better ru-ru-ru-ru-ru-ru-ru-run kiss me trust me, this isn’t a dream look at me love me, born again Dracula-la-la-la-la [break][break]

seeking

what'cha lookin' for?

[attr="class","dracPlotAnimation"]

[newclass=.dracPlotter] --CHARACTER_THREE:#EDB318;[/newclass]
[newclass=.CHARACTER_THREE .dracPlotFront img, .CHARACTER_THREE .dracPlotBody div b] border-color:var(--CHARACTER_THREE)!important; color:var(--CHARACTER_THREE)!important; [/newclass]
[newclass=.CHARACTER_THREE .dracPlotAnimation, .CHARACTER_THREE .dracPlotBody div::-webkit-scrollbar-thumb] background-color:var(--CHARACTER_THREE)!important; [/newclass]

[attr="class","CHARACTER_THREE"]

[attr="class","dracPlotBox"]

[attr="class","dracPlotFront"]

firstname lastname

[attr="class","dracPlotBody"]

subtitle

seeking

what'cha lookin' for?

[attr="class","dracPlotAnimation"]

[newclass=.dracPlotter] --CHARACTER_FOUR:#7DD1E3;[/newclass]
[newclass=.CHARACTER_FOUR .dracPlotFront img, .CHARACTER_FOUR .dracPlotBody div b] border-color:var(--CHARACTER_FOUR)!important; color:var(--CHARACTER_FOUR)!important; [/newclass]
[newclass=.CHARACTER_FOUR .dracPlotAnimation, .CHARACTER_FOUR .dracPlotBody div::-webkit-scrollbar-thumb] background-color:var(--CHARACTER_FOUR)!important; [/newclass]

[attr="class","CHARACTER_FOUR"]

[attr="class","dracPlotBox"]

[attr="class","dracPlotFront"]

firstname lastname

[attr="class","dracPlotBody"]

subtitle

seeking

what'cha lookin' for?

[attr="class","dracPlotAnimation"]

[attr="class","dracCredit"]SELKIE

[newclass=.dracAbout] width:475px; padding:50px; background-color:#333; color:#eee; font:10px verdana; text-align:justify; [/newclass]
[newclass=.dracPlotter] width:525px; padding:25px; display:flex; overflow:auto; background-color:#eee; [/newclass]
[newclass=.dracPlotBox] width:250px; height:225px; margin-right:25px; position:relative; overflow:hidden; display:flex; flex-flow:row wrap; [/newclass]
[newclass=.dracPlotFront] width:275px; height:225px; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; background-color:#333; position:relative; [/newclass]
[newclass=.dracPlotFront img] width:100px; height:100px; border-radius:100%; padding:10px; border:2px solid #ccc; position:absolute; [/newclass]
[newclass=.dracPlotFront span] font:400 18px quicksand; color:#eaeaeaea; position:absolute; bottom:15px; [/newclass]
[newclass=.dracPlotAnimation] background-color:#ccc; width:500px; height:500px; position:absolute; margin-top:200px; transition:1s ease; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); transition-delay:.5s; [/newclass]
[newclass=.dracPlotBox:hover .dracPlotAnimation] margin-top:-250px; transition:.5s ease; [/newclass]
[newclass=.dracPlotBody] width:230px; height:205px; background-color:#eee; position:absolute; z-index:1; top:10px; left:10px; opacity:0; transition:.5s ease; [/newclass]
[newclass=.dracPlotBox:hover .dracPlotBody] opacity:1; transition:.5s ease; transition-delay:.5s; [/newclass]
[newclass=.dracPlotBody div] margin:10px; height:185px; padding-right:10px; overflow:auto; font:400 11px/19px roboto; color:#6a6a6a; text-align:justify; [/newclass]
[newclass=.dracPlotBody div b] font:700 12px/15px quicksand; color:#aaa; [/newclass]
[newclass=.dracPlotBody div h1] margin:0px; color:#aaa; font:400 15px quicksand; text-align:center; [/newclass]
[newclass=.dracPlotBody div h2] margin:0px; display:inline; font:400 10px/8px raleway; text-transform:lowercase; background-color:#ddd; padding:3px 7px; margin-left:5px; [/newclass]
[newclass=.dracPlotBody div::-webkit-scrollbar] width:11px; [/newclass]
[newclass=.dracPlotBody div::-webkit-scrollbar-thumb] border:5px solid #eee; [/newclass]
[newclass=.dracPlotBody div::-webkit-scrollbar-track] background-color:#ccc; border:5px solid #eee; [/newclass]
[newclass=.dracPlotter::-webkit-scrollbar] height:11px; [/newclass]
[newclass=.dracPlotter::-webkit-scrollbar-thumb] border:1px solid #ddd; background-color:#fafafa; [/newclass]
[newclass=.dracPlotter::-webkit-scrollbar-track] background-color:#ddd; border:0px;[/newclass]
[newclass=.dracCredit] font:bold 7px roboto; margin-left:500px; [/newclass]
[newclass=.dracCredit a] font:bold 7px roboto!important; [/newclass]