<commit_before>---
---

//
// IMPORTS
//

@import "variables";
@import "reset";
// Syntax highlighting @import is at the bottom of this file

/**************/
/* BASE RULES */
/**************/

html {
  font-size: 100%;
  background: var(--bgpagecolor);
  background-image: url("images/bg-min.webp");
}

body {
  background-color: rgba(0,0,0,var(--bgimgtransparency));
  font-size: 1.125rem ;
  line-height: 2rem;
  color: var(--defaultfontcolor);
  font-family: var(--fonts);
  transition: var(--themeswitchtransition);  
}

.container {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 10px;
  width: 100%;
  background: var(--bgcontentcolor);
  transition: var(--themeswitchtransition);
  box-shadow: 5px 5px 5px var(--shadow);
  border-radius: 15px;

  @media (max-width: 1200px) {
    width: 90%;
  }

  @media (max-width: 900px) {
    width: 95%;
  }

  @include mobile {
    width: 100%;
  }
}

// .wrapper-footer .container {
//     box-shadow: none;
// }

h1, h2, h3, h4, h5, h6, .site-name {
  color: var(--titlecolor);
  transition: var(--themeswitchtransition);
  font-weight: bold;

  line-height: 3.5rem;
  margin: 1rem 0 1rem;
  padding: 0;

}

h1, .site-name {
  font-size: 2rem;
  a {
    color: inherit;
  }
}

h2 {
  font-size: 1.5rem;
  a {
    color: inherit;
  }
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.1rem;
  color: var(--h4color);
  transition: var(--themeswitchtransition);
}

p {
  margin: 1rem 0;
}

// .code {
//   color: inherit;
//   background-color: inherit;
// }

select {
  background-color: var(--selectboxbgcolor);
  transition: var(--themeswitchtransition);
}

a {
  color: var(--linkcolor);
  // text-decoration: none;
  &:hover, &:active {
     text-shadow: 2px 2px 5px var(--shadow);
     text-decoration:none;
     border-bottom: 2px dotted;
  }
}

a img:hover {
    box-shadow: 4px 4px 8px var(--shadow);
}

h1 a, h2 a, h3 a, h4 a, nav a, .site-name a, .next, .previous {
  text-decoration: none;

  &:hover, &:active {
    text-decoration: none;
  }
}


ul, ol {
  margin: 1rem 0;
  padding-left: 2rem;
}

ul {
  list-style-type: disc;
}
<commit_msg>Update CSS<commit_after>---
---

//
// IMPORTS
//

@import "variables";
@import "reset";
// Syntax highlighting @import is at the bottom of this file

/**************/
/* BASE RULES */
/**************/

html {
  font-size: 100%;
  background: var(--bgpagecolor);
  background-image: url("images/bg-min.webp");
}

body {
  background-color: rgba(0,0,0,var(--bgimgtransparency));
  font-size: 1.125rem ;
  line-height: 2rem;
  color: var(--defaultfontcolor);
  font-family: var(--fonts);
  transition: var(--themeswitchtransition);  
}

.container {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 10px;
  width: 100%;
  background: var(--bgcontentcolor);
  transition: var(--themeswitchtransition);
  box-shadow: 5px 5px 5px var(--shadow);
  border-radius: 15px;

  @media (max-width: 1200px) {
    width: 90%;
  }

  @media (max-width: 900px) {
    width: 95%;
  }

  @include mobile {
    width: 100%;
  }
}

// .wrapper-footer .container {
//     box-shadow: none;
// }

h1, h2, h3, h4, h5, h6, .site-name {
  color: var(--titlecolor);
  transition: var(--themeswitchtransition);
  font-weight: bold;

  line-height: 3.5rem;
  margin: 1rem 0 1rem;
  padding: 0;

}

h1, .site-name {
  font-size: 2rem;
  a {
    color: inherit;
  }
}

h2 {
  font-size: 1.5rem;
  a {
    color: inherit;
  }
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.1rem;
  color: var(--h4color);
  transition: var(--themeswitchtransition);
}

p {
  margin: 1rem 0;
}

// .code {
//   color: inherit;
//   background-color: inherit;
// }

select {
  background-color: var(--selectboxbgcolor);
  transition: var(--themeswitchtransition);
}

a {
  color: var(--linkcolor);
  // text-decoration: none;
  &:hover, &:active {
     text-shadow: 2px 2px 5px var(--shadow);
     text-decoration:none;
     border-bottom: 2px dotted;
  }
}

a img:hover {
    box-shadow: 4px 4px 8px var(--shadow);
}

h1 a, h2 a, nav a, .site-name a, .next, .previous {
  text-decoration: none;

  &:hover, &:active {
    text-decoration: none;
  }
}

.entry h2 a::before {
  content: "🔗➡ ";
}

.entry h2 a{
  text-decoration: underline;
    &:hover, &:active {
    text-decoration: none;
  }
}

ul, ol {
  margin: 1rem 0;
  padding-left: 2rem;
}

ul {
  list-style-type: disc;
}

{'fraction_non_alphanumeric': 0.18798895536125174, 'fraction_numerical': 0.03727565577542568, 'mean_word_length': 2.7571305099394987, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6143528', 'n_tokens_mistral': 1900, 'n_tokens_neox': 1745, 'n_words': 389}