[html]
<body>
<div class="fon"></div>
<div class="interface">
<div class="episode_cap">
<div id="episode_forename"> ㅤㅤ「 優しいパットパット | Нежный патпат 」</div>
<div id="episode_opening">После возвращения с экспедиции опасности не закончились. Дорогу номеру Шесть перегораждает Мика, идеальная жертва, чтобы помучить его и расслабиться после прошедшей ночи. Сказитель видел немало храбрившеся юношей, однако всех их стоило защищать намного лучше.</div>
</div>
<div class="line">
<hr>
</div>
<div class="first_cloud">
<div class="first_cloud_img"><img src="https://genshin.honeyhunterworld.com/img/wanderer_075_icon.webp" width="140px" height="140px"></div>
<div>
<div class="signature_nahida">小林沙苗</div>
<div class="text_nahida">Второй предвестник пощекотал тебе нервы? Тебе было страшно?</div>
</div>
</div>
<div class="two_cloud">
<div>
<div class="signature_scaramouche">三瓶由布子</div>
<div class="text_scaramouche">Больше переживал за магистра, но даже в такой ситуации он показал настоящую силу.</div>
</div>
<div class="two_cloud_img"><img src="https://genshin.honeyhunterworld.com/img/h_368165.webp" width="140px" height="140px"></div>
</div>
<div class="first_cloud">
<div class="first_cloud_img"><img src="https://genshin.honeyhunterworld.com/img/wanderer_075_icon.webp" width="140px" height="140px"></div>
<div>
<div class="signature_nahida">小林沙苗</div>
<div class="text_nahida">Получается это он тебя защитил. Здесь он не появится, голубёнок.</div>
</div>
</div>
<div class="year_players">
501.02.26, Windrise (Mondstadt)
</div>
</div>
</body>
<style>
body {
font-family: "Genshin";
}
.fon {
background-image: url(https://i.pinimg.com/564x/6f/1e/61/6f1e … a9eae0.jpg);
background-repeat: no-repeat;
background-size: 600px 950px;
position: absolute;
z-index: -1;
filter: blur(2px);
position: absolute;
height: 690px;
width: 100%;
left: 0;
top: 0;
}
.interface {
background-color: rgba(30, 34, 50, 0.85);
width: 547px;
height: 620px;
border-radius: 10px;
margin-top: 30px;
margin-left: 25px;
margin-bottom: 30px;
}
.episode_cap {
color: #fff;
padding-top: 30px;
padding-left: 15px;
font-family: "Genshin";
}
#episode_forename {
font-size: 15px;
padding-left: 10px;
}
#episode_opening {
padding: 10px;
font-size: 14px;
}
.line hr {
background-color: #fff;
opacity: 0.3;
height: 1px;
margin-left: 10px;
margin-right: 10px;
}
.first_cloud {
display: flex;
justify-content: flex-start;
margin-left: 10px;
}
.first_cloud_img img {
border-radius: 130px;
}
.signature_nahida {
font-family: "Genshin";
padding-top: 20px;
color: black;
padding-left: 15px;
font-size: 14px;
text-shadow: 0.7px 0 0.7px #fff,
0 0.7px 0.7px #fff,
-0.7px 0 0.7px #fff,
0 -0.7px 0.7px #fff;
}
.text_nahida {
width: 321px;
height: 47px;
background-color:#3C4556;
color:#fff;
margin-left: 10px;
margin-top: 10px;
font-size: 14px;
display: flex;
align-items: center;
padding: 10px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
opacity: 0.9;
font-family: "Genshin";
}
.two_cloud {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-right: 10px;
}
.two_cloud_img img {
border-radius: 130px;
}
.signature_scaramouche {
font-family: "Genshin";
padding-top: 20px;
color: black;
padding-right: 15px;
font-size: 14px;
text-align: right;
text-shadow: 0.7px 0 0.7px #fff,
0 0.7px 0.7px #fff,
-0.7px 0 0.7px #fff,
0 -0.7px 0.7px #fff;
}
.text_scaramouche {
width: 321px;
height: 47px;
background-color:#D6D1C7;
color:#262626;
margin-right: 10px;
margin-top: 10px;
font-size: 14px;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 10px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
opacity: 0.9;
font-family: "Genshin";
}
.year_players {
font-family: "Genshin";
text-align: right;
color: #C1C1C1;
opacity: 0.7;
font-size: 14px;
padding-right: 15px;
padding-top: 16px;
}
</style>
[/html]
- Подпись автора
