orgmode html setup

1. orgmode html export settings involving favicon

#+TITLE: Play Video Game
#+AUTHOR: neo
#+STARTUP: overview
#+OPTIONS: H:3 toc:2 num:t ^:{} \n:nil ::t |:t -:t f:t *:t tex:t d:(HIDE) tags:not-in-toc

#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="org_manual.css" />
#+HTML_HEAD: <link rel="icon" type="image/x-icon" href="images/alien.ico" />


# https://iconscout.com/icons/html?price=free download icons

2. css settings updating

/* view-source:https://orgmode.org/manual/ */

html {
    color: #000;
    background-color: #e7e7e7;
    scroll-behavior: initial;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,
h5, h6, pre, code, form, fieldset, legend, input,
button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

abbr, acronym {
   border: 0;
   font-variant: normal;

   border-bottom:1px dotted #000;
   text-decoration: none;
   cursor:help;
}

html, body {
   font-size: 1em;
   text-align: left;
   text-decoration: none;
}

body {
   max-width: 74.92em;
   margin: 0 auto;
   padding: .5em 1em 1em 1em;
   background-color: white;
   border: .1em solid #c0c0c0;
}

h1 { font-size: 2em; margin: 1em 0 }
h2 { font-size: 1.50em; margin: 1.0em 0 0.87em 0; }
h3 { font-size: 1.30em; margin: 1.0em 0 0.87em 0; }
h4 { font-size: 1.13em; margin: 1.0em 0 0.88em 0; }
h5 { font-size: 1.00em; margin: 1.0em 0 1.00em 0; }
h6 { font-size: 1.00em; margin: 1.0em 0 1.00em 0; }

table {
  border-collapse: collapse;
  border: #fff;
  margin-top: 1.5em; margin-bottom: 1.5em;
  width: 100%;
  rules: all;
  frame: box;
}

td, th {
  border: 1px solid;
  padding: 8px;
}

thead {
  background-color: #1c87c9;
  color: #ffffff;
}

th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
}
thead th:first-child {border-left: none;}

tr:nth-child(even) td { background-color: #1c87c9; }
tbody tr:hover {background-color: #ddd; }

ol { list-style: decimal outside;}
ul { list-style: square outside; }
ul ul, ol ul { list-style: circle; }
li { list-style: inherit; }

ul, ol, blockquote { margin-left: 1.5%; margin-right: 1.5%; }

/* Lists of underlined links are difficult to read. The top margin
   gives a little more spacing between entries. */
ul li { margin: .5em 1em; }
ol li { margin: 1em; }
ol ul li { margin: .5em 1em; }
ul li p, ul ul li { margin-top: .3em; margin-bottom: .3em; }
ul ul, ol ul { margin-top: 0; margin-bottom: 0; }

/* Separate description lists from preceding text */
dl { margin: 1em 0 0 0; }
/* separate the "term" from subsequent "description" */
dt { margin: .5em 0; }
/* separate the "description" from subsequent list item
   when the final <dd> child is an anonymous box */
dd { margin: .5em 3% 1em 3%; }
/* separate anonymous box (used to be the first element in <dd>)
   from subsequent <p> */
dd p { margin: .5em 0; }

hr { margin: 1em 0; background-color: #ede6d5; }

img { max-width: 100%}

ins {
    text-decoration: none;
}

del { text-decoration: line-through; }

caption { margin-bottom: .5em; text-align: center; }

q:before, q:after {
    content:'';
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

blockquote { font-style: normal; }

/*** BASIC ELEMENTS ***/

/* Size and positioning */

p, pre, li, dt, dd, table, code, address { line-height: 1.3em; }
address { margin