[html]<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i" rel="stylesheet">

<div id="pins">
<bg style="background-image: url(https://imgur.com/BDmsY4R.png)"></bg>
<sc1></sc1>
<bg1></bg1>
<style>
#pins {height: 120px; width: 693px; outline-offset: 10px; margin: 20px auto; position: relative; background: #d4ce9b}
#pins bg {position: absolute; bottom: 0; right: 0; background-size: cover; height: 120px; width: 693px; filter: grayscale(100%)}
#pins sc1 {background: #54575e; position: absolute; bottom: 0; right: 0; height: 120px; width: 693px; mix-blend-mode: darken;}
.textulka {position: relative; padding: 30px 0 30px 0; margin: 0 auto; text-align: center; width: 693px; color: #a2a2a2; overflow:hidden; -webkit-animation: pulsate 1.2s linear infinite; animation: pulsate 2s linear infinite;}
.pook1 {font-family: 'Monoton'; font-size: 26px; text-transform: capitalize; line-height:13px; letter-spacing: 4px; z-index:999999999;}
.pook2 {font-family: 'Elowen'; text-transform: capitalize; font-size: 16px; letter-spacing: 4px; padding: 8px 0 5px;-webkit-animation: pulsate 2s linear infinite; animation: pulsate 2s linear infinite;}
.pook3 {font-family: 'Exterior'; font-size: 8px; letter-spacing: 3px; line-height: 12px;}
.pook4 {font-family: 'Abril Fatface'; font-size: 18px; letter-spacing: 3px; line-height: 12px;}
@-webkit-keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } } @keyframes pulsate { 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; } } #blink7 { color: rgb(245,245,245); text-shadow: 0 -1px rgba(0,0,0,.1); background: green; -webkit-animation: pulsate 2s linear infinite; animation: pulsate 2s linear infinite;}
---
@-webkit-keyframes blink6 { 10% { transform: scale(1, 1) rotate(80deg); } 20% { transform: scale(0, 0) rotate(160deg); } 100% { transform: scale(0, 0) rotate(0deg); } } @keyframes blink6 { 10% { transform: scale(1, 1) rotate(80deg); } 20% { transform: scale(0, 0) rotate(160deg); } 100% { transform: scale(0, 0) rotate(0deg); } } #blink6 { position: relative; display: inline-block; color: #fff; text-shadow: 0 0 10px #3d7a97; background: #064578; } #blink6:after, #blink6:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100px; height: 100px; background-image: radial-gradient(rgba(255,255,255,1), rgba(255,255,255,0) 30%), linear-gradient(45deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%), linear-gradient(135deg, rgba(0,0,0,0) 49%, rgba(255,255,255,.4) 50%, rgba(0,0,0,0) 51%); -webkit-animation: blink6 10s linear infinite; animation: blink6 10s linear infinite; transform: scale(0, 0) rotate(0deg); } #blink6:before { top: -30%; right: 0; left: auto; -webkit-animation-delay: 5s; animation-delay: 5s; }
</style>
<div class="textulka">
<div class="pook1">I've been waiting up</div>
<div class="pook2">When you got everything that I want?</div>
<div class="pook3">Why you actin' vain for my blood, vain for my love</div>
<div class="pook4">__×      ×     ×      ×      ×____ ♰♰♰ ___×      ×     ×      ×      ×___</div>
<div class="licon"></div></div>
</style>
[/html]