(so i don't break every code i consider immediately- and also, aesthetic tester.)[break][break]


[nospaces]
[googlefont=Open Sans Condensed:300,700]

[newclass=".punkiwof"]width: 500px; padding-bottom: 38px; margin: auto;[/newclass]

[newclass=".punkiwofmainbg"]background: #f0f0f0;[/newclass]

[newclass=".punkiwoflarge"]height: 300px; background: url('https://images2.imgbox.com/98/ea/CWvLB7DQ_o.jpg'); background-size: 500px 300px;[/newclass]

[newclass=".punkiwofavvie"]float: left; height: 120px; width: 120px; border: 20px solid #f2f2f2; border-radius: 50%; margin-left: -50px; margin-top: -100px; background: url('https://images2.imgbox.com/bc/5e/IZu0syE3_o.png'); background-size: cover;[/newclass]

[newclass=".punkiwoflargeinner"]height: 248px; border: 1px solid rgba(255,255,255,0.5); background-position: -51px -51px; position: relative; z-index: 1; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);[/newclass]

[newclass=".punkiwofslant"]width: 0; height: 0; border-top: 50px solid transparent; border-right: 500px solid #f0f0f0; margin-top: -50px; margin-left: -50px; position: relative; z-index: 2;[/newclass]

[newclass=".punkiwofmain"]margin: 0 76px; margin-top: -120px; position: relative; z-index: 3; min-height: 300px; padding: 20px; background: #f2f2f2; border: 1px solid #e2e2e2; font-family: verdana; color: #9a8a8a; font-size: 10px; line-height: 15px; text-align: justify;[/newclass]

[newclass=".punkiwofavvie div"]width: 114px; height: 114px; border: 6px solid #b55151; border-left-color: transparent; border-right-color: transparent; border-radius: 50%; position: relative; top: -3px; left: -3px; transform: rotate(45deg); transition: 0.75s;[/newclass]

[newclass=".punkiwof:hover .punkiwofavvie div"]transform: rotate(-45deg);[/newclass]

[newclass=".punkiwoflyrics"]float: right; margin-top: 13px; width: 270px; padding: 25px 0; line-height: 25px; font-size: 25px; color: #f2f2f2; text-transform: uppercase; letter-spacing: 1px; font-family: 'Open Sans Condensed'; text-align: center; word-spacing: -1px; font-weight: bold; text-shadow: 0px 0px 4px rgba(0,0,0,0.6);[/newclass]

[newclass=".punkiwoflyrics div"]width: 167px; height: 1px; background: rgba(255,255,255,0.5); margin: auto; margin-top: 3px;[/newclass]

[newclass=".punkiwofwordcount"]display: inline-block; margin-top: -10px; margin-right: -10px; font-family: calibri; font-size: 10px; line-height: 10px; letter-spacing: 1px; color: #b55151; text-transform: uppercase; padding: 5px; border-right: 1px solid #e2e2e2; margin-bottom: 10px;[/newclass]

[newclass=".punkiwofextra"]line-height: 12px; padding: 5px; font-family: calibri; font-size: 11px; letter-spacing: 1px; color: #b55151; margin: 0 101px; margin-top: 16px; text-align: center; text-transform: uppercase; [/newclass]

[newclass=".punkiwofleft"]width: 50px; height: 50px; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; float: left; margin-left: 50px; margin-top: -24px;[/newclass]

[newclass=".punkiwofright"]width: 50px; height: 50px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; float: right; margin-right: 50px; margin-top: -24px;[/newclass]

[newclass=".punkiwofcredit"]width: 500px; margin: auto; line-height: 20px; text-align: right; font-family: calibri; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #b55151;[/newclass]

[newclass=".punkiwofcredit a"]font-size: inherit; font-family: inherit; color: #b55151; font-weight: bold;[/newclass]