[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" 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://i.ibb.co/XYRyJ9C/image.png" 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.04.05, Vanarana
</div>
</div>
</body>
<style>
body {
font-family: "Genshin";
}
.fon {
background-image: url(https://i.pinimg.com/564x/79/ef/04/79ef … a762c8.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: 8px;
}
</style>
[/html]
- Подпись автора
