[html]<style>

html {overflow-x: auto;}
img {object-fit:cover;}
* {box-sizing:border-box; -webkit-box-decoration-break: clone;}

:root{

--bg1:#eee;
--bg2:#444;
--bg3:#555;
--bg4:#1d1d1d;

--body:#fff; /*основной текст*/
--whitetext: #eee;

--r1:28, 178, 232;
--r2:40, 133, 114;
--c1:rgb(var(--r1));
--c2:rgb(var(--r2));

--g5:linear-gradient(to right, rgba(var(--r1),1), rgba(var(--r2),1));

--bodyfont: arial;
--headerfont: grotesk;
--subtitlefont: arial;
--smallfont: arial;
}

.knife{text-align:justify; font:400 12px var(--bodyfont); line-height:150%;}
.knife b{color:#49a5b2; font-size:150%; text-transform:uppercase; font-family: grotesk;}
.knife i{color:#fff; font-size:9px; text-decoration:none;}
.knife u{font-size:10px; text-decoration:none; color:#000; margin-right:10px; line-height:70%;}
.knife a{color:#b91b01; font-weight:600;}
.knife h1{font:35px var(--headerfont); margin:5px 0; border-bottom:1px dotted #1d1d1d; padding-bottom:10px; text-align:left;}

body{font:400 14px var(--bodyfont); color: var(--body); background: transparent fixed; background-size:cover; line-height:100%;}

a{text-decoration:none!important; color:#b91b01; font-weight:600; margin:0; padding:0;}
a:hover{text-decoration:none;}

::-webkit-scrollbar{width:7px; height:7px; background: transparent;}
::-webkit-scrollbar-thumb{background:#000; border-radius:2px;}

angel{display:flex; margin: auto; max-width:750px; width:100%; background: transparent; border-radius:10px; overflow:hidden; position:relative; padding:30px; flex-direction:column;}
angel:before{content:""; margin: auto; background: transparent; position:relative; display:block; width:100%; height:100%; z-index:0; top:0; left:0;}
angel .main{width:100%; margin: auto; position:relative; z-index:1; padding:40px; background:var(--bg1); border-radius:10px;}
angel char{width:100%; display:flex; overflow:hidden; background:var(--bg1); position:relative; z-index:1; border-radius:10px; margin-top:25px; height:280px;}

angel char info{width:calc(100% - 180px); height:100%; border:15px solid transparent; display:flex; flex-direction:column;}
angel char info subt{font:500 11px var(--smallfont); letter-spacing:0px; display:flex; align-items:center; text-align:right; border-bottom:1px dotted var(--bg4); padding-bottom:12px; margin-bottom:10px;}
angel char info subt i{margin:0 5px;}
angel char info subt x{background:var(--g5); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
angel char info .scroll{flex-grow:1; overflow:auto; padding-right:10px;}
angel.noimg info{width:calc(100% - 130px); border-left:none;}
angel char icon{width:130px; height:180px; display:flex; align-items:center; justify-content:center; font-size:60px;}
angel char icon i:before{background:var(--g5); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}

angel char ball{width:180px; height:100%; background:#000; border:15px solid transparent; display:flex; flex-direction:column;}
angel char ball subt{font:500 11px var(--smallfont); letter-spacing:0px; display:flex; align-items:center; text-align:right; border-bottom:1px dotted var(--bg4); padding-bottom:12px; margin-bottom:10px;}
angel char ball subt i{margin:0 5px;}
angel char ball subt x{background:var(--g5); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}

</style>

<angel class="knife">
<char>
<info>
<subt>
<b>инвентарь</b>
</subt> <div class="scroll">
    <br>

<table border="0" style="width: 100%;">
                <tr valign=top>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr valign=top>
                    <td></td>
                </tr>
            </table>
</div></info>

<ball>
<div class="scroll">
<b>баланс жетонов:</b>
<h1>200</h1>
</div></ball>
</char>
</angel>

[/html]