<div class="waltz"><div class="topextras"> <div class="dots"> <span class="first"></span> <span class="second"></span> <span class="third"></span> </div></div><div class="waltz-over"><div class="waltz-name">réussite lvl1</div><div class="waltz-box">

<p>les balances n'ont pas le droit de récupérer leur liberté, t'y repensera la prochaine fois !! ça aurait été honteux que tu gagnes <img src="https://freepngimg.com/download/icon/1000313-devil-emoji-[download-iphone-emojis]-free-icon-hq.png"/><img src="https://freepngimg.com/download/icon/1000313-devil-emoji-[download-iphone-emojis]-free-icon-hq.png"/></p>
<act>4Zur3</act>
<p>le prochain est pour toi, j'en suis sûre ! </p>
<act>M3rmaid</act>
<p style="text-transform: uppercase;">VOUS AVEZ gagné <u>30.000 FOLLOWERS</u>
</p>
  <act>D-VICE</act>
  <p><i>XXX</i> onyx ont été crédité sur votre compte.</p>
  </div></div></div><style>body{background:#13042b;}.waltz { width: 450px; margin: 40px auto; box-sizing: border-box; padding: 50px; background: linear-gradient(170deg, #e4b6, #96fef566); box-shadow: var(--shadow-2); border-radius: 30px; color: var(--1a-font); position: relative; overflow: hidden; }

.waltz .waltz-msg { font: 600 10px/100% eingrantch mono; text-transform: uppercase; color: var(--64-font); margin-bottom: 5px; }

.waltz.right .waltz-msg { text-align: right; }

.waltz .waltz-msg i { font-size: 13px; margin-left: 5px; }

.waltz .waltz-name {    font: 600 28px/100% made soulmaze outline;
    margin-bottom: 50px;
    animation: neon 1s ease infinite;
    -moz-animation: neon 1s ease infinite;
    -webkit-animation: neon 1s ease infinite;
    text-shadow: 0 0 3vw #96fef5;
    color: #96fef5;
    --glow: drop-shadow(0 0 6px #2eadb2);
    filter: var(--glow) brightness(1) drop-shadow(0 0 6px #2eadb2);
    text-transform: uppercase;}

.waltz.right .waltz-name { text-align: right; }

.waltz .waltz-box {height: auto; overflow: auto; }

.waltz .waltz-box::-webkit-scrollbar { width: 4px; background-color: transparent; }

.waltz .waltz-box::-webkit-scrollbar-thumb { height: 4px; background: var(--1a-font); border-radius: 20px; }

.waltz .waltz-box p {float: left;
    clear: both;
    margin-bottom: 0px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: var(--shadow-2);
    background: #13042b;
    color: white;
    font: 300 13px/140% montserrat;
    letter-spacing: 0.3px;
text-align: justify;}

.waltz .waltz-box p img { max-width: 270px; border-radius: 10px; }

.waltz .waltz-box act { width: 90%; margin: 20px 20px 0 20px; display: flex; justify-content: flex-end; align-items: center; float: right; clear: both; text-align: right; font: 600 10px/100% montserrat; text-transform: none; color: #ee46bd; position: relative; font-style: italic;}

.waltz .waltz-box act:before { content: "@ "; display: contents;font-size: 10px; color: #96fef5; }

.waltz .waltz-box p b{color: #ee46bd;}
.waltz .waltz-box p i{color: #ee46bd;}
.waltz .waltz-box p u{color: #96fef5; font-style: italic; font-weight: 700;}

.topextras{display: flex; justify-content: space-between; margin-top:-2.5em; margin-bottom: 2em; margin-left: -1.5em;}
.topextras .dots span{display: inline-block; float: left; width: 10px; height: 10px; margin-right: 7px; margin-top: 5px; border-radius: 6px; opacity: 0.7; transition-duration: .5s;cursor: pointer !important;}
.topextras .dots span:hover{opacity: 1; transition-duration: .5s;}
.dots span.first{background: #FF5F4F; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
.dots span.second{background: #F9C206; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
    .dots span.third{background: #19CC32; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
    .waltz img{width: 15px; margin-bottom: -2px;}</style>