css not working in custom character sheet

Hi,when I created a new custom character sheet of&nbsp; the rat on the walls, the CSS does not work. the sheet works in the game, but the css style no works. Here I leave some captures of the code. Thank you. &lt;div class="sheet-mainBg"&gt; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-izquierda"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVerticalInicio"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="nombre"&gt;NOMBRE:&lt;/span&gt;&lt;/label&gt;&lt;input class="center" type="text" name="attr_character_name" style="width: 50%;"&gt;&lt;br/&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="ssheet-eparatorVerticalInicio"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="profesion"&gt;PROFESION:&lt;/span&gt;&lt;/label&gt;&lt;input class="center" type="text" name="attr_character_profession" style="width: 50%;"&gt;&lt;br/&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVerticalGrande"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="reputacion"&gt;REPUTACION:&lt;/span&gt;&lt;/label&gt;&lt;input class="center" type="text" name="attr_character_reputation" style="width: 50%;"&gt;&lt;br/&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-derecha"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVerticalGrande2"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;img style="width: 308px; height: 159px;" alt="" src="<a href="https://i.imgur.com/C6jKqDq.png&quot;&gt;&lt;br" rel="nofollow">https://i.imgur.com/C6jKqDq.png"&gt;&lt;br</a>&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &lt;br&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-izquierda"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVertical"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="destreza"&gt;DESTREZA:&lt;/span&gt;&lt;/label&gt;&lt;input name="attr_des" title="@{des}" style="margin-left: 10px; width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_DESTREZA" type="roll" value="/me rolls DESTREZA [[2d6+@{des}]]" &gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVertical"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="ingenio"&gt;INGENIO:&lt;/span&gt;&lt;/label&gt;&lt;input name="attr_ing" title="@{ing}" style="margin-left: 31px; width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_INGENIO" type="roll" value="/me rolls INGENIO [[2d6+@{ing}]]" &gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVertical"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="musculo"&gt;MUSCULO:&lt;/span&gt;&lt;/label&gt;&lt;input name="attr_mus" title="@{mus}" style="margin-left: 25px; width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_MUSCULO" type="roll" value="/me rolls MUSCULO [[2d6+@{mus}]]" &gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVertical"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="violencia"&gt;VIOLENCIA:&lt;/span&gt;&lt;/label&gt;&lt;input name="attr_vio" title="@{vio}" style="margin-left: 5px; width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_VIOLENCIA" type="roll" value="/me rolls VIOLENCIA [[2d6+@{vio}]]" &gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVerticalGrande3"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="voluntad"&gt;VOLUNTAD:&lt;/span&gt;&lt;/label&gt;&lt;input name="attr_vol" title="@{vol}" style="margin-left: 11px; width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_VOLUNTAD" type="roll" value="/me rolls VOLUNTAD [[2d6+@{vol}]]" &gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-derecha"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-Salud"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVertical"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="pv"&gt;PV:&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input name="attr_pv1" style="width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;/&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input name="attr_pv2" style="width: 10%;" type="number" value="10+[[@{des}]]" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVertical"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="pc"&gt;PC:&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input name="attr_pc1" style="width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;/&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input name="attr_pc2" style="width: 10%;" type="number" value="[[10+@{vol}]]" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVerticalGrande3"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="pe"&gt;PE:&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;input name="attr_pe" style="width: 10%;" type="number" value="0" min="0"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-section-Armas"&gt;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-labelCentro"&gt;&lt;span class="lib" data-i18n="damage"&gt;DAÑO&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;br/&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;h4&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-labelPequeño"&gt;&lt;span class="lib" data-i18n="armas-1-mano"&gt;Armas 1 Mano&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_1D6" type="roll" value="/me rolls [[{1d6}]]"&gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-labelPequeño"&gt;&lt;span class="lib" data-i18n="armas-2-manos"&gt;Armas 2 Manos&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_2D6" type="roll" value="/me rolls [[{2d6}]]"&gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-labelPequeño"&gt;&lt;span class="lib" data-i18n="armas-grandes"&gt;Armas Grandes&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;button name="roll_3D6" type="roll" value="/me rolls [[{3d6}]]"&gt;&lt;span style="font-family: 'dicefontd6'"&gt;L&lt;/span&gt;&lt;/button&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/h4&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-izquierda"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-section-hechizos"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="recursos"&gt;RECURSOS&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;textarea name="attr_resources"&gt;&lt;/textarea&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-section-hechizos"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="hechizos"&gt;HECHIZOS&lt;/span&gt;&lt;/label&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;textarea name="attr_spells"&gt;&lt;/textarea&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &lt;!-- .section-hechizos --&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-derecha"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-section-armasEquipo"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="armas-y-equipo"&gt;ARMAS Y EQUIPO&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;textarea name="attr_armaequipo"&gt;&lt;/textarea&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &lt;!-- .section-armasEquipo --&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-separatorVertical"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;div class="sheet-section-cicatrices"&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;label class="sheet-label"&gt;&lt;span class="lib" data-i18n="cicatrices"&gt;CICATRICES&lt;/span&gt;&lt;/label&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;textarea name="attr_cicatrices"&gt;&lt;/textarea&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &lt;!-- .section-cicatrices --&gt; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp;&nbsp; &lt;/div&gt; &lt;br&gt; &lt;br&gt; &lt;p&gt;.&lt;/p&gt; &lt;/div&gt; /*Now, the css, that its includede in the css tab*/ .charsheet { &nbsp;&nbsp;&nbsp; } .sheet-center { &nbsp;&nbsp;&nbsp; text-align: center; &nbsp;&nbsp; display: inline; &nbsp;&nbsp; margin-right: 30px; &nbsp;&nbsp; float: right; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; font-family:'!PaulMaul'; &nbsp;&nbsp; color: blue; &nbsp;&nbsp; font-size: 20px;; &nbsp;&nbsp; font-weight: bolder; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; text-transform: uppercase; } .sheet-separatorVertical { &nbsp;&nbsp; margin-top: 5px; &nbsp;&nbsp; margin-bottom: 5px; &nbsp;&nbsp; } .sheet-separatorVerticalInicio { &nbsp;&nbsp; margin-top: 10px; &nbsp;&nbsp; margin-bottom: 10px; &nbsp;&nbsp; } .sheet-separatorVerticalGrande { &nbsp;&nbsp; margin-top: 5px; &nbsp;&nbsp; margin-bottom: 100px; &nbsp;&nbsp; } .sheet-separatorVerticalGrande2{ &nbsp;&nbsp; margin-top: 5px; &nbsp;&nbsp; margin-bottom: 70px;&nbsp;&nbsp; } .sheet-separatorVerticalGrande3{ &nbsp;&nbsp; margin-top: 5px; &nbsp;&nbsp; margin-bottom: 35px;&nbsp;&nbsp; } .charsheet textarea { &nbsp;&nbsp;&nbsp; width: calc(100% - 50px); &nbsp;&nbsp;&nbsp; height: 180px; &nbsp;&nbsp;&nbsp; resize: none; &nbsp;&nbsp; background: transparent; &nbsp;&nbsp; margin-left: 45px; &nbsp;&nbsp; font-family:'!PaulMaul'; &nbsp;&nbsp; color: blue; &nbsp;&nbsp; font-size: 26px;; &nbsp;&nbsp; font-weight: bolder; } .sheet-izquierda{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height:50%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; float:left; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width:50%; } .sheet-izquierda2{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; float:left; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background: url("<a href="https://i.imgur.com/Gjsmgoo.jpg" rel="nofollow">https://i.imgur.com/Gjsmgoo.jpg</a>"); } &nbsp; .sheet-derecha{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height:50%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; float:right; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width:50%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .sheet-derecha2{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height:50%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; float:right; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 50% &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;.sheet-margin-top { &nbsp;&nbsp;&nbsp; margin-top: 5px; } &nbsp;.sheet-margin-bottom { &nbsp;&nbsp;&nbsp; margin-bottom: 5px; } &nbsp;.sheet-margin-left { &nbsp;&nbsp;&nbsp; margin-left: 5px; } &nbsp;.sheet-margin-right { &nbsp;&nbsp;&nbsp; margin-right: 5px; } /* FONDO DE FICHA */ div.sheet-mainBg{ &nbsp;&nbsp;&nbsp; height: 100%; &nbsp;&nbsp;&nbsp; width: 900px; &nbsp;&nbsp;&nbsp; background: url("<a href="https://i.imgur.com/0tA6R9M.jpg" rel="nofollow">https://i.imgur.com/0tA6R9M.jpg</a>"); &nbsp;&nbsp;&nbsp; background-size: cover; &nbsp;&nbsp;&nbsp; border: 2px solid #2F5860; &nbsp;&nbsp;&nbsp; border-radius: 10px; &nbsp;&nbsp;&nbsp; padding: 6px 0px 6px 0px; } /*TIPOGRAFIAS*/ @font-face { font-family: '!PaulMaul'; src:&nbsp;&nbsp; local('!PaulMaul.ttf'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(!PaulMaul.woff2) format('woff2'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(!PaulMaul.woff) format('woff'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(!PaulMaul.ttf) format('truetype'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(!PaulMaul.otf) format('opentype'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(!PaulMaul.eot) format('embedded-opentype'); } @font-face { font-family: 'Moms_Typewriter'; src:&nbsp;&nbsp; local('Moms_typewriter.ttf'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Moms_typewriter.woff2) format('woff2'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Moms_typewriter.woff) format('woff'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Moms_typewriter.ttf) format('truetype'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Moms_typewriter.otf) format('opentype'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Moms_typewriter.eot) format('embedded-opentype'); } @font-face { font-family: 'Note_this-webfont'; src:&nbsp;&nbsp; local('Note_this-webfont.ttf'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Note_this-webfont.woff2) format('woff2'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Note_this-webfont.woff) format('woff'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Note_this-webfont.ttf) format('truetype'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Note_this-webfont.otf) format('opentype'), &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url(Note_this-webfont.eot) format('embedded-opentype'); } /*ETIQUETAS*/ .sheet-labelCentro{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-family:'Moms_Typewriter'; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: black; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text-align: center; } .sheet-labelPequeño{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-family:'Moms_Typewriter'; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: black; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text-align: center; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-weight: lighter; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin-right: 3px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin-left: 5px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } .sheet-label{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-family:'Moms_Typewriter'; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: black; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; display: inline-block; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding: 0.8%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin-right: -.5%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-size: 1.1em; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-weight: Normal; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; display: inline; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text-align: center; &nbsp;&nbsp;&nbsp; } } /*DAÑO*/ .sheet-section-Armas{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; float:&nbsp; left; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin-left: 50px; }&nbsp; .sheet-h4{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border-radius: 35px 0px 35px 0px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -moz-border-radius: 35px 0px 35px 0px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -webkit-border-radius: 35px 0px 35px 0px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text-align: center; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-image: url("<a href="https://i.imgur.com/vNVTYig.png" rel="nofollow">https://i.imgur.com/vNVTYig.png</a>"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding-left: 5px; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 70%; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin-left: 150px; } .sheet-Salud{ &nbsp;&nbsp; text-align: center; } /* RECURSOS */ .sheet-section-recursos { &nbsp;&nbsp;&nbsp; &nbsp;float: left; &nbsp;&nbsp;&nbsp; background: url("<a href="https://i.imgur.com/Gjsmgoo.jpg" rel="nofollow">https://i.imgur.com/Gjsmgoo.jpg</a>"); &nbsp;&nbsp;&nbsp; margin-left: 10px; } .sheet-section-recursos input { &nbsp;&nbsp;&nbsp; margin-left: 40px; &nbsp;&nbsp;&nbsp; width: calc(100% - 102px); } /* HECHIZOS */ .sheet-section-hechizos { &nbsp;&nbsp;&nbsp; &nbsp;float: left; &nbsp;&nbsp;&nbsp; background: url("<a href="https://i.imgur.com/Gjsmgoo.jpg" rel="nofollow">https://i.imgur.com/Gjsmgoo.jpg</a>"); &nbsp;&nbsp;&nbsp; margin-right: 10px; &nbsp;&nbsp;&nbsp; margin-left: 10px; &nbsp;&nbsp;&nbsp; margin-bottom: 5px; &nbsp;&nbsp;&nbsp; width:80%; } .sheet-section-hechizos input { &nbsp;&nbsp;&nbsp; margin-left: 55px; &nbsp;&nbsp;&nbsp; width: calc(100% - 102px); } /* ARMAS Y EQUIPO */ .sheet-section-armasEquipo { &nbsp;&nbsp;&nbsp; float: right;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; background: url("<a href="https://i.imgur.com/Gjsmgoo.jpg" rel="nofollow">https://i.imgur.com/Gjsmgoo.jpg</a>"); &nbsp;&nbsp;&nbsp; margin-right: 10px; &nbsp;&nbsp;&nbsp; margin-bottom: 5px; &nbsp;&nbsp;&nbsp; width: 80%; } .sheet-section-armasEquipo input { &nbsp;&nbsp;&nbsp; margin-left: 40px; &nbsp;&nbsp;&nbsp; width: calc(100% - 102px); } /*CICATRICES*/ .sheet-section-cicatrices { &nbsp;&nbsp;&nbsp; &nbsp;float: right; &nbsp;&nbsp;&nbsp; background: url("<a href="https://i.imgur.com/Gjsmgoo.jpg" rel="nofollow">https://i.imgur.com/Gjsmgoo.jpg</a>"); &nbsp;&nbsp;&nbsp; margin-right: 10px; &nbsp;&nbsp;&nbsp; width: 80%; } .sheet-section-cicatrices input { &nbsp;&nbsp;&nbsp; margin-left: 40px; &nbsp;&nbsp;&nbsp; width: calc(100% - 102px); } button[type=roll].sheet-blank-roll-button::before { &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; color: red; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; content: ''; } .charsheet button{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background: none; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-size: 1.1em !important; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: 1px solid black; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-style: normal; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: black; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; content: ''; &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; .charsheet button:hover{ &nbsp;&nbsp;&nbsp; background: #a6a6a6; } .charsheet button[type=roll]:before { &nbsp;&nbsp;&nbsp;&nbsp; content: ''; &nbsp;&nbsp;&nbsp; }

Can you give some more detail on what isn't working? Are you getting just pure html?

this is all the code. There's no more. The CSS works in the browser(firefox). In roll20 no.

Check your code for errors.&nbsp; I noticed that you have an extra closing bracket "}" in your css after the&nbsp;.sheet-label class.&nbsp; as well as double semi-colons ;; in .sheet-center.&nbsp; There may be other formatting issues in the css as well.&nbsp; Try checking it on jsfiddle or similar online editor.&nbsp; These types of editors will often point out syntax errors.&nbsp; Simple typos can&nbsp; cause big issues with your css/html.&nbsp; Also, your html has a typo;&nbsp;&nbsp; class="ssheet-eparatorVerticalInicio" And class="lib" isn't styled. Same thing, try looking over each line for errors. Hope this helps.