1 /**

     2  * Colors

     3  */

     4 /**

     5  * Breakpoints & Media Queries

     6  */

     7 /**

     8  * Often re-used variables

     9  */

    10 /**

    11  * Breakpoint mixins

    12  */

    13 /**

    14  * Long content fade mixin

    15  *

    16  * Creates a fading overlay to signify that the content is longer

    17  * than the space allows.

    18  */

    19 /**

    20  * Button states and focus styles

    21  */

    22 /**

    23  * Applies editor left position to the selector passed as argument

    24  */

    25 /**

    26  * Applies editor right position to the selector passed as argument

    27  */

    28 /**

    29  * Styles that are reused verbatim in a few places

    30  */

    31 /**

    32  * Allows users to opt-out of animations via OS-level preferences.

    33  */

    34 body {

    35   font-family: "Noto Serif", serif;

    36   font-size: 16px;

    37   line-height: 1.8;

    38   color: #191e23; }

    39 

    40 p {

    41   font-size: inherit;

    42   line-height: inherit; }

    43 

    44 ul,

    45 ol {

    46   margin: 0;

    47   padding: 0; }

    48   ul li,

    49   ol li {

    50     margin-bottom: initial; }

    51 

    52 ul {

    53   list-style-type: disc; }

    54 

    55 ol {

    56   list-style-type: decimal; }

    57 

    58 ul ul,

    59 ol ul {

    60   list-style-type: circle; }