ads

            <meta charset="UTF-8">
            <style>
                 @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
                 body {
                 font-family: 'Lato', sans-serif;
                 background-color: red;
                }
                .notifications {
                 position: fixed;
                 bottom:20px;
                 width:650px;
                 height: 130px;
                 animation:notificationsecond 8s ease;
                 transition:width 1s ease;
                 top: 50%;
                 left: 50%;
                 margin: -100px 0 0 -275px;
                }
              	.round {
 								 border: 20px solid black;
  							 border-radius: 50px;
                 background-color: solid black;
								}
                .notifications a .text {
                 position: absolute;
                 right:0px;
                 top:20%;
                 transform:translateX(-20%);
                 width:283px;
                 text-align:center;
                 line-height:1em;
                }
                .notifications a .image {
                 position: absolute;
                 top:-1px;
                 left:-1px;
                 height:151px !important;
                 width:151px;
                 border:1px solid #161616;
                 border-radius: 75px;
                 z-index:10000;
                }
                .notifications a .image .twitchnotification {
                 height:160px;
                 position: absolute;
                 top:53%;
                 left:50%;
                 transform:translate(-50%,-50%);
                }
                .title {
                    width: 600px;
                    font-size: 35px;
                    margin-left: -220px;
                    word-wrap: break-word;
                }
                .message {
                    width: 400px;
                    margin-top: 20px;
                    margin-left: -125px;
                    word-wrap: break-word;
                    font-size: 20px;
                 }


            </style>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
     <body>
            <div class="notifications">
                <a class="twitch">
                        <div class="image"><img src="http://tools.peritusgaming.info/twitchavatar.php?username={name}" alt="" class="twitchnotification notify"></div>
                        <div class="text">
                             <div class="title" style="margin-top: -10px">Tak for follow!</div>
                             <br><br>
                             <div class="title">{name}</div>
                          <div class="message">{message}</div>
                        </div>
                </a>
            </div>
     </body>
</html>