[nospaces][googlefont=Mr Dafoe|Yanone Kaffeesatz:700|Roboto:400,700]

[attr="class","selkBorder"]

[attr="class","selkJcink"]

[attr="class","selkSidebar"]

[attr="class","selkIconAni"]

[attr="class","selkIcon"]

[attr="class","selkInfo"]

# edit as much as you want! [break]
# don't touch the credits![break]
# remember your [*break] tags![break]

[attr="class","selkMain"]

[attr="class","selkHeader"]

[attr="class","selkTitle"]

playing

with fire

[attr="class","selkPBLink"][attr="class","ion ion-paper-airplane"]

[attr="class","selkBody"]

[attr="class","selkText"]

lorem ipsum dolor sit amet, consectetur adipiscing elit.

[attr="class","selkTagBox"]

[HASH]loremipsum

#lighttracking

#icon

#nospaces

#googlefont

#materialicons

[attr="class","selkColorsBox"]

[attr="class","selkColorsLine"]

#000000

[attr="class","selkCodeContain"]

lorem ipsum dolor sit amet

[newclass=.selkBorder] width:502px; border:5px solid #eee; outline:1px solid #ddd;margin:1px; [/newclass]
[newclass=.selkJcink] width:500px; border:1px solid #ddd; background-color:#fafafa; display:flex; flex-flow:row wrap; [/newclass]
[newclass=.selkSidebar] width:150px; display:flex; flex-flow:column wrap; align-items:center; justify-content:center; background-color:#414141; [/newclass]
[newclass=.selkIcon] width:100px; height:100px; padding:7px; position:absolute; border-radius:100%; border:3px solid #535353; [/newclass]
[newclass=.selkIconAni] height:114px; width:114px; position:absolute; border:3px solid transparent; border-right:3px solid #DF6885; border-radius:100%; z-index:1; animation: spinner 2s linear infinite; animation-play-state: paused; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); }[/newclass]
[newclass=.selkBorder:hover .selkIconAni] animation-play-state: running; [/newclass]
[newclass=.selkInfo] width:130px; margin-top:auto; padding-bottom:10px; font:700 9px roboto; color:#8a8a8a; text-align:left; [/newclass][newclass=.selkInfo b] color:#DF6885; [/newclass]
[newclass=.selkHeader] height:75px; width:350px; display:flex; justify-content:space-between; background-color:#f2f2f2; [/newclass]
[newclass=.selkTitle] width:100%; display:flex; align-items:center; justify-content:center; text-align:center; [/newclass]
[newclass=.selkTitle h1] position:absolute; margin:0px; font:30px/31px Mr Dafoe; color:#DF6885; text-shadow: #fcfcfc 1px 1px, #fcfcfc -1px 1px, #fcfcfc 1px -1px, #fcfcfc -1px -1px; cursor:default; [/newclass][newclass=.selkTitle h2] height: 38px; font:48px/100% Yanone Kaffeesatz; color:#ccc; text-transform:uppercase; cursor:default; [/newclass]
[newclass=.selkPBLink] width:75px; height:75px; display:flex; align-items:center; justify-content:center; margin-left:auto; background-color:#DF6885; color:#fafafa; font-size:36px; [/newclass]
[newclass=.selkBody] padding:25px; display:flex; flex-flow:row wrap; width:300px; font:11px roboto; text-align:justify; color:#7a7a7a; [/newclass]
[newclass=.selkTagBox h1]height:10px; display:inline-block; font:700 9px roboto; color:#fcfcfc!important; text-transform:uppercase; background-color:#DF6885; padding: 5px 7px; margin:0px 3px 3px 0px;[/newclass]
[newclass=.selkTagBox h1 a]color:#fcfcfc!important; font:700 9px roboto!important;[/newclass]
[newclass=.selkColorsBox] display:flex; flex-flow:row wrap; width:350px; [/newclass]
[newclass=.selkColorsLine] height:10px; width:275px; display:inline-block; margin-right:5px; background-color:#DF6885; [/newclass]
[newclass=.selkColorsBox span] height:10px; font:700 9px/10px Roboto; color:#DF6885; [/newclass]