@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@1,400;1,700&display=swap');

:root {
    
  --backgroundColor:             rgb( 255, 255, 255      );
  --backgroundTransparentColor: rgba( 255, 255, 255, .8  );
  --sheetBackgroundColor:       rgba( 240, 240, 240, .8  );

  --foregroundColor:             rgb( 107, 122, 118      );
  --thinRuleColor:              rgba( 107, 122, 118, .12 );

  --headingsColor:               rgb(   0,   0,   0      );
  --headingsUnderlineColor:     rgba(   0,   0,   0, .12 );
  --boldColor:                     var(--headingsColor);
  --boldUnderlineColor:            var(--headingsUnderlineColor);
  --linkColor:                   rgb(  33,  63, 255      );
  --linkUnderlineColor:         rgba(  33,  63, 255, .12 );
  --linkColorVisited:            rgb(   0,   0,   0      );
  --linkUnderlineColorVisited:  rgba(   0,   0,   0, .12 );
  --hoverColor:                  rgb( 205,  80,  85      );
  --hoverUnderlineColor:        rgba( 205,  80,  85, .12 );
  --tagColor:                    rgb(   0,   0,   0      );
  --tagUnderlineColor:          rgba(   0,   0,   0, .12 );
  --adminColor:                  rgb(  33, 160, 170      );
  --adminUnderlineColor:        rgba(  33, 160, 170, .12 );
  --engineTextColor:             var(--foregroundColor);
  --engineTextUnderlineColor:    var(--thinRuleColor);

  --markedTextBackground:        rgb( 255, 242, 128);
  --markedImageBorderColor:      rgb( 255, 242, 128);

  --inputBackgroundColor: #ebf0f0;
  --inputTextColor: #000;

  /* --imageBorderColor */
  /* --disabledColor */
  /* --activeColor */
  /* --errorColor */
  /* --verifiedColor */
  /* --currentItemBackgroundColor */
  /* --windowBackgroundColor */
  /* --unsavedIndicatorColor */
  
  /* to match .likely */
  /* --subscribeButtonBackground: rgba(231,231,231,.8); */
  /* --subscribeButtonHoverBackground: rgba(212,212,212,.8); */
  /* --subscribeButtonTextColor: #000; */

  /* to match .likely-light */
  /* --subscribeButtonBackground: rgba(236,236,236,.16); */
  /* --subscribeButtonHoverBackground: rgba(255,255,255,.48); */
  /* --subscribeButtonTextColor: #fff; */
  
  --marginTop: 48px;
  --marginLeft: 6%;
  --marginRight: 6%;
  --marginTopCompact: 14px;
  --marginLeftCompact: 3%;
  --marginRightCompact: 3%;

  --displayLogoMarginal: none;
  --displayLogo: block;
  --displayLogoCompact: block;

  /* --columnSpacing */

  --logoTop: -8px;
  --blogTitleFontSize: 28px;
  --blogTitleLineHeight: 32px;
  --pageHeadingFontSize: 36px;
  --pageHeadingLineHeight: 42px;
  /* --noteTitleFontSize: 28px;
  --noteTitleLineHeight: 32px;
  --noteTitleFavouriteFontSize: 40px;
  --noteTitleFavouriteLineHeight: 48px; */
  --noteTitleFontSize: 36px;
  --noteTitleLineHeight: 42px;
  --noteTitleFavouriteFontSize: 36px;
  --noteTitleFavouriteLineHeight: 42px;
  --noteTextFontSize: 20px;
  --noteTextLineHeight: 28px;

  --mainFontFamily: 'PT Sans', sans-serif;
  --noteMainFontFamily: 'PT Sans', sans-serif;
  /* --smallFontFamily */

  /* --time */

}


@media (prefers-color-scheme: dark) {
  :root .e2-responds-to-dark-mode {

    --backgroundColor:             rgb(  32,  32,  32      );
    --backgroundTransparentColor: rgba(  32,  32,  32, .8  );
    --sheetBackgroundColor:       rgba(  24,  24,  24, .8  );
    
    --foregroundColor:             rgb( 144, 144, 144      );
    --thinRuleColor:              rgba( 144, 144, 144, .12 );
    
    --headingsColor:               rgb( 255, 255, 255      );
    --headingsUnderlineColor:     rgba( 255, 255, 255, .12 );
    --boldColor:                   rgb( 255, 255, 255      );
    --boldUnderlineColor:            var(--headingsUnderlineColor);
    --linkColor:                   rgb(   0, 128, 255      );
    --linkUnderlineColor:         rgba(   0, 128, 212, .12 );
    --linkColorVisited:            rgb( 160, 160, 160      );
    --linkUnderlineColorVisited:  rgba( 160, 160, 160, .12 );
    --hoverColor:                  rgb( 240,  40,  32);
    --hoverUnderlineColor:        rgba( 240,  40,  32, .12 );
    --tagColor:                      var(--foregroundColor);
    --tagUnderlineColor:             var(--thinRuleColor);
    --engineTextColor:               var(--foregroundColor);
    --engineTextUnderlineColor:      var(--thinRuleColor);

    --markedTextBackground:           #443300;
    --markedImageBorderColor:         #886600;

    --activeColor:                   var(--headingsColor);
    --errorColor:                  rgb( 240,  40,  32);

  }
}



.e2-text .lead,
.e2-note-favourite .e2-text .lead {
  font-family: var(--mainFontFamily);
  font-size: var(--noteTextFontSize);
  line-height: var(--noteTextLineHeight);
  margin: 0 0 28px;
}

.e2-text .loud {
  font-family: var(--mainFontFamily);
  font-weight: normal;
  font-size: 40px;
  color: var(--boldColor);
  line-height: 44px;
  max-width: 720px;  
  border: none;
  padding: 0;
  margin: 20px 0 40px;
}

article .e2-text-picture {
  max-width: 800px;
  height: auto!important;
}

article .small-images .e2-text-picture {
  max-width: 400px;
  height: auto!important;
}

.e2-text ul, .e2-text ol {
    margin-top: 10px!important;
}

.e2-text ul li {
    list-style-type: disc;
}

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&display=swap');

i, cite, em, var, address, dfn {
  font-family: 'PT Serif', serif;
}

.title p {
font-size: 0.7em;
}

.disclamer {
  margin-top: 36px;
}

.disclamer p {
  border-top: solid 2px;
  border-bottom: solid 2px;
  padding: 2;
  font-style: italic;
  font-family: 'PT Serif', serif;
  padding: 20px 5px;
}