[html]
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nemoy" type="text/css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/montserrat" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Gabriela&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pattaya&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">
<center>
<div class="licbkgd">
<div class="licbanner">
<!doctype html>
<!-- элемент, фон которого нам нужно обрезать -->
<div class="clipped">
<div style="padding: 10px; text-align: center; letter-spacing: 5px; background: url(https://media3.giphy.com/media/z2POQZ2t … =giphy.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 2em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'nemoy', cursive; font-size: 38px; margin-top: -70px; position: relative;">black list</div>
<div class="licgeninfo">«Черный список» — идеальный выход для тех, кто хочет слышать только себя.</div>
<div class="about">
<div class="avtext2">
<div style="height: 250px; width: 460px; overflow: auto; padding: 5px; color: #bcbccf">
<table layout=fixed style="width:460px">
<tr>
<td style='text-align:justify;'><img src="https://i.ibb.co/TqwC57v/1.gif"><br>
</td>
<td style='text-align:justify;'><img src="https://i.ibb.co/DRHxwZ3/2.gif"><br>
</td>
</tr>
<tr>
<td colspan="2" style='text-align:justify; '>• Удаление может быть по нескольким причинам: отсутствие свыше 7 дней, отсутствие поста в течение месяца, собственное желание.<br>
• Мы почти добрые, а потому сначала предупреждение, на исправление которого даётся 3 дня. <br></td>
</tr>
</table>
</div> </div> </div>
<style type="text/css">
.licbkgd {width: 550px; height: 280px; background:#635263; }
.licbanner {width: 590px; height: 65px; background:#252634; border: #000 1px solid; position: relative; margin-top: 30px; right: 20px; box-shadow: 0px 0px 25px #232323; font-family: 'Chaumont', cursive; padding-top: 0px;}
.licgeninfo {width: 510px; height: 30px; background: #252634; color:#9e9fba; letter-spacing: 2px; position:relative; top: -60px; padding-top: 10px; font-size: 10px; font-weight:bold; font-family:'montserrat'; }
.about { width: 490px; height: 130px; background: #252634; position:relative; top: -50px; left: 0px}
.avtitle { padding: 10px; text-align: center; letter-spacing: 5px; background: url(https://media3.giphy.com/media/z2POQZ2t … =giphy.gif) no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
padding: 2em;
/* -webkit-background-clip обрезает фон элемента по контуру текста */
-webkit-text-fill-color: transparent; /* переопределяет цвет текста с белого на прозрачный в браузерах на webkit */
-webkit-background-clip: text;
font-family: 'Gabriela', cursive; font-size: 20px; margin-top: 50px; position: relative; bottom: -20px; }
.avtext { width: 400px; height: 880px; position: relative; top:-10px; color:#bcbccf; padding: 10px; font-family:calibri; font-size:10px; overflow:auto;text-align:justify; }
.avtext2 { color:#bcbccf; padding: 10px; font-family:calibri; font-size:12px; overflow:auto;}
.avtext::-webkit-scrollbar-track { background-color: #232323; }
.avtext::-webkit-scrollbar-thumb { background-color: #232323; }
.licbanner {width: 590px; height: 65px; background:#252634; border: #000 1px solid; position: relative; margin-top: 30px; right: 20px; box-shadow: 0px 0px 25px #232323; font-family: 'Chaumont', cursive; padding-top: 0px;}
</style>[/html]
