marrus-sh/index.html

## index.html
<!DOCTYPE html>
<style>
	@font-face{ Font-Family:"EB Garamond" ; Font-Style:Normal ; Src:Local(EBGaramond12-Regular) }
	@font-face{ Font-Family:"EB Garamond" ; Font-Style:Italic ; Src:Local(EBGaramond12-Italic) }
	@font-feature-values Junicode{ @styleset{ Enlarged-Minuscules:06 ; Long-Slash:10 } }
	*:Root{ Font:Italic 13.5PT/1.35 Junicode,"EB Garamond",Serif ; Font-Variant-Numeric:Oldstyle-Nums ; Font-Variant-Alternates:StyleSet(Long-Slash) ; Color:#302F2B ; Background:#FAF8F7 }
	article{ Width:100% ; Height:100% ; Columns:11EM 2 ; Column-Gap:2EM ; Column-Fill:Auto ; Overflow:Auto }
	body{ Position:Relative ; Margin:Auto ; Padding:5.4EM 3EM ; Max-Width:36EM ; Height:31.05EM ; Max-Height:Calc(100VH - 10.8EM) }
	footer{ Position:Absolute ; Bottom:30.675PT ; Left:0 ; Right:0 ; Color:#75706A ; Font:Normal 8PT/1.5 Junicode,"Noto Serif CJK JP",Serif ; Font-Variant-Alternates:StyleSet(Enlarged-Minuscules) ; Text-Align:Center }
	footer>time{ Display:Block ; Color:#302F2B }
	p{ Margin:0 ; Text-Align:Justify ; Hyphens:Auto }
	p+p{ Text-Indent:2EM }
	p>*{ Text-Indent:0 }
	u{ Display:Inline-Block ; Position:Relative ; Text-Decoration:None }
	u::FIRST-LETTER{ Color:#1F1A14 ; Font:Italic 13.5PT/1 "IM FELL English PRO",Junicode,Serif }
	u::AFTER{ Position:Absolute ; Left:0 ; Border-Bottom:1PX Solid ; Height:1EM ; Content:" " }
</style>
<article lang="en">
	<p><u>L</u>orem ipsum dolor sit amet, consectetur adipiscing elit. <u>S</u>uspendisse quis massa in urna viverra porttitor. <u>S</u>ed at venenatis massa. <u>N</u>unc ullamcorper et nulla ac facilisis. <u>F</u>usce finibus in tellus sit amet pretium. <u>S</u>uspendisse id est vehicula, dapibus leo id, vulputate ex. Curabitur in condimentum risus. <u>N</u>ulla facilisi. <u>U</u>t vehicula diam ut nisi eleifend, non vulputate purus ullamcorper. <u>P</u>hasellus euismod bibendum volutpat. <u>P</u>ellentesque finibus sem elit. <u>P</u>hasellus suscipit risus vel commodo rhoncus. <u>V</u>estibulum purus nulla, fringilla eu nisl quis, vulputate scelerisque tortor. <u>C</u>ras consectetur vulputate justo, ut ullamcorper ipsum volutpat eget.
	<p><u>D</u>onec posuere orci nec lacus euismod, eget imperdiet purus sodales ; morbi pharetra id lacus aliquet auctor : <u>E</u>tiam ultrices ! ipsum quis vestibulum vulputate ? neque nisl ( dapibus neque ), at sodales ligula odio ac libero — curabitur cursus ⟨ ligula vitae ⟩ urna dictum gravida… <u>C</u>ras ullamcorper convallis felis. ― <u>N</u>ulla pellentesque aliquet orci, ac efficitur quam ! <u>S</u>ed finibus commodo vehicula ? <u>S</u>uspendisse « vel mattis » orci, id s⸺ leo.
	<footer>
		🄯 Kyebego. Licensed under a CC BY‑SA 4.0 International licence.
		<time datetime="2018-02-11">[ 2018-02-11 ]</time>
	</footer>
</article>
	<!DOCTYPE html>
	<style>
	@font-face{ Font-Family:"EB Garamond" ; Font-Style:Normal ; Src:Local(EBGaramond12-Regular) }
	@font-face{ Font-Family:"EB Garamond" ; Font-Style:Italic ; Src:Local(EBGaramond12-Italic) }
	@font-feature-values Junicode{ @styleset{ Enlarged-Minuscules:06 ; Long-Slash:10 } }
	*:Root{ Font:Italic 13.5PT/1.35 Junicode,"EB Garamond",Serif ; Font-Variant-Numeric:Oldstyle-Nums ; Font-Variant-Alternates:StyleSet(Long-Slash) ; Color:#302F2B ; Background:#FAF8F7 }
	article{ Width:100% ; Height:100% ; Columns:11EM 2 ; Column-Gap:2EM ; Column-Fill:Auto ; Overflow:Auto }
	body{ Position:Relative ; Margin:Auto ; Padding:5.4EM 3EM ; Max-Width:36EM ; Height:31.05EM ; Max-Height:Calc(100VH - 10.8EM) }
	footer{ Position:Absolute ; Bottom:30.675PT ; Left:0 ; Right:0 ; Color:#75706A ; Font:Normal 8PT/1.5 Junicode,"Noto Serif CJK JP",Serif ; Font-Variant-Alternates:StyleSet(Enlarged-Minuscules) ; Text-Align:Center }
	footer>time{ Display:Block ; Color:#302F2B }
	p{ Margin:0 ; Text-Align:Justify ; Hyphens:Auto }
	p+p{ Text-Indent:2EM }
	p>*{ Text-Indent:0 }
	u{ Display:Inline-Block ; Position:Relative ; Text-Decoration:None }
	u::FIRST-LETTER{ Color:#1F1A14 ; Font:Italic 13.5PT/1 "IM FELL English PRO",Junicode,Serif }
	u::AFTER{ Position:Absolute ; Left:0 ; Border-Bottom:1PX Solid ; Height:1EM ; Content:" " }
	</style>
	<article lang="en">
	<p><u>L</u>orem ipsum dolor sit amet, consectetur adipiscing elit. <u>S</u>uspendisse quis massa in urna viverra porttitor. <u>S</u>ed at venenatis massa. <u>N</u>unc ullamcorper et nulla ac facilisis. <u>F</u>usce finibus in tellus sit amet pretium. <u>S</u>uspendisse id est vehicula, dapibus leo id, vulputate ex. Curabitur in condimentum risus. <u>N</u>ulla facilisi. <u>U</u>t vehicula diam ut nisi eleifend, non vulputate purus ullamcorper. <u>P</u>hasellus euismod bibendum volutpat. <u>P</u>ellentesque finibus sem elit. <u>P</u>hasellus suscipit risus vel commodo rhoncus. <u>V</u>estibulum purus nulla, fringilla eu nisl quis, vulputate scelerisque tortor. <u>C</u>ras consectetur vulputate justo, ut ullamcorper ipsum volutpat eget.
	<p><u>D</u>onec posuere orci nec lacus euismod, eget imperdiet purus sodales ; morbi pharetra id lacus aliquet auctor : <u>E</u>tiam ultrices ! ipsum quis vestibulum vulputate ? neque nisl ( dapibus neque ), at sodales ligula odio ac libero — curabitur cursus ⟨ ligula vitae ⟩ urna dictum gravida… <u>C</u>ras ullamcorper convallis felis. ― <u>N</u>ulla pellentesque aliquet orci, ac efficitur quam ! <u>S</u>ed finibus commodo vehicula ? <u>S</u>uspendisse « vel mattis » orci, id s⸺ leo.
	<footer>
	🄯 Kyebego. Licensed under a CC BY‑SA 4.0 International licence.
	<time datetime="2018-02-11">[ 2018-02-11 ]</time>
	</footer>
	</article>