<style>
.sec {
#background:radial-gradient(circle at 65% 15%, #214d98, #d0e2f0);
#background: linear-gradient(to top left, #214d98, #d0e2f0);
#background: #214d98;
background: radial-gradient(farthest-side ellipse at top left, #214d98, #d0e2f0);
box-shadow: 5px 10px 20px rgba(225,225,225,0.3), -5px -10px 20px rgba(33,77,152,0.5);
color: white;
border-radius: 1em;
padding: 1em;
position: absolute;
#box-shadow: 0 0 20px rgba(0,0,0,0.5);
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
</style>
<html >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<body style="background: #000 url(/i/background.jpg) 50% 50% no-repeat fixed;">
<!-- https://www.twitch.tv/new-combats -->
<div class="sec">
<iframe src="https://player.twitch.tv/?channel=new-combats" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620" style="box-shadow: 0 0 20px rgba(0,0,0,0.5);"></iframe>
<a href="https://www.twitch.tv/new-combats?tt_content=text_link&tt_medium=live_embed" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:18px; text-decoration:none; font-family: 'Lobster',cursive!important; "><span style="box-shadow: 0 0 20px rgba(0,0,0,0.5);">  Прямая трансляция acombat.com  </span></a>
</div>
</body>
</html>