[attr="class","phone charname"]

 

 

 

[newclass=".charname"]--accent:#D5A23B;[/newclass]

[newclass=".phone"]width:400px; min-height:200px; margin:0px auto; position:relative;[/newclass]

[newclass=".bg"]background-color: #2b2b2b; box-shadow: 2px 2px 0px #363636, -2px 2px 0px #363636, 2px -2px 0px #363636, -2px -2px 0px #363636; box-shadow: none; background-image: url(https://image.ibb.co/cpf8Wc/flower_patt.png); background-repeat: no-repeat; background-position: bottom right; border-radius:5px; border:solid 1px #242424[/newclass]

[newclass=".phone .top"]background:rgba(0,0,0,0.3); font:10px/10px 'Poppins'; color:#eee; min-height:10px; border-bottom:5px solid var(--accent); padding:20px 60px 30px; text-align:left; [/newclass]

[newclass=".phone .top b"]font-size:30px; line-height:25px; color:var(--accent);[/newclass]

[newclass=".phone .top img"]width:70px; height:70px; float:left; margin-right:10px; border-radius:100px; border:5px solid #333; margin-top:-5px;[/newclass]

[newclass=".phone .body"]font:10px 'Poppins'; color:#ccc; padding:20px 30px;[/newclass]

[newclass=".phone .body b"]color:var(--accent);[/newclass]

[newclass=".phone .text"]min-height:70px;[/newclass]

[newclass=".phone .text div"]background:rgba(0,0,0,0.3); padding:10px; border-radius:30px; margin-top:5px; float:left;[/newclass]

[newclass=".phone .tag"]text-align:center; margin-top:5px; font:bold 11px 'Poppins'; color:#666;[/newclass]

[newclass=".phone .tag a"]font:bold 11px 'Poppins'; letter-spacing:1px; text-transform:uppercase; color:var(--accent)!important; text-decoration:none; letter-spacing:0px;[/newclass]

[newclass=".phone .credit"]position:absolute; font:bold 12px poppins; transform:rotate(90deg); top:15px; right:-25px; color:rgb(65,65,65); text-shadow: -1px -1px 0 #232323, 1px -1px 0 #232323, -1px 1px 0 #232323, 1px 1px 0 #232323;[/newclass]