From 0959079dadde2bb6a5c9aaf84002cd0769484f52 Mon Sep 17 00:00:00 2001
From: ReznoRMichael <mic3arena@gmail.com>
Date: Wed, 4 Aug 2021 14:49:21 +0200
Subject: [PATCH] added Cinzel font

---
 build/index.html   | 13 +++++++++----
 build/main.css     | 23 ++++++++++++++++++-----
 build/main.css.map |  2 +-
 src/css/style.css  | 23 ++++++++++++++++++-----
 src/index.html     | 13 +++++++++----
 5 files changed, 55 insertions(+), 19 deletions(-)

diff --git a/build/index.html b/build/index.html
index 6183a26..0ea1447 100644
--- a/build/index.html
+++ b/build/index.html
@@ -121,12 +121,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <link href="favicon.png" rel="icon">
-  <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
-  <!-- <link href="css/fontello.css" rel="stylesheet"> -->
-  <!-- <link href="css/style.css" rel="stylesheet"> -->
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
+
   <title>Save Completion Analyzer for Hollow Knight Online</title>
+
   <meta name="description"
     content="A simple open source tool for checking every single thing you missed for your Game Completion Percentage.">
+
   <meta name="keywords"
     content="hollow knight, tool, online, save, game, completion, check, checker, percentage, percent, left, analyze, analyzer, file">
 
@@ -161,7 +165,8 @@
 
   <div id="content">
 
-    <h1 id="h1-title">Save Completion Analyzer for Hollow Knight</h1>
+    <h1 id="h1-title">Save Completion Analyzer</h1>
+    <div id="sub-title">for Hollow Knight</div>
 
     <p class="smalltext">
       <a class="link-social" href="https://www.paypal.me/ReznoRMichael" target="_blank"><i
diff --git a/build/main.css b/build/main.css
index ed415b8..afbe6fc 100644
--- a/build/main.css
+++ b/build/main.css
@@ -211,20 +211,33 @@ strong {
 }
 
 h1 {
-  font-size: 1.7rem;
-  color: #d9f3ff;
-  margin: 0.6rem 0;
+  font-size: 2.3rem;
+  color: #fff;
+  margin: 2rem 0 0 0;
 }
 
 #h1-title {
+  font-family: 'Cinzel', 'Times New Roman', serif;
+  font-weight: 400;
   text-align: center;
+  line-height: 2rem;
+}
+
+#sub-title {
+  font-family: 'Cinzel', 'Times New Roman', serif;
+  font-weight: 400;
+  text-align: center;
+  font-size: 1.2rem;
+  margin-bottom: 1rem;
+  line-height: 1.5rem;
 }
 
 h2 {
+  font-family: 'Cinzel', 'Times New Roman', serif;
   text-align: center;
   margin: 0.6rem 0;
-  color: rgba(231, 251, 255, 0.6);
-  font-weight: 700;
+  color: #fff;
+  font-weight: 400;
 }
 
 h6 {
diff --git a/build/main.css.map b/build/main.css.map
index aab4816..d8e3389 100644
--- a/build/main.css.map
+++ b/build/main.css.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack://hollow-knight-completion-check/./src/css/fontello.css","webpack://hollow-knight-completion-check/./src/css/simpleicon.css","webpack://hollow-knight-completion-check/./src/css/style.css"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["@font-face {\n  font-family: 'fontello';\n  src: url('../font/fontello.eot?52032071');\n  src: url('../font/fontello.eot?52032071#iefix') format('embedded-opentype'),\n       url('../font/fontello.woff2?52032071') format('woff2'),\n       url('../font/fontello.woff?52032071') format('woff'),\n       url('../font/fontello.ttf?52032071') format('truetype'),\n       url('../font/fontello.svg?52032071#fontello') format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */\n/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */\n/*\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n  @font-face {\n    font-family: 'fontello';\n    src: url('../font/fontello.svg?52032071#fontello') format('svg');\n  }\n}\n*/\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n  font-family: \"fontello\";\n  font-style: normal;\n  font-weight: normal;\n  speak: never;\n\n  display: inline-block;\n  text-decoration: inherit;\n  width: 1em;\n  margin-right: .2em;\n  text-align: center;\n  /* opacity: .8; */\n\n  /* For safety - reset parent styles, that can break glyph codes*/\n  font-variant: normal;\n  text-transform: none;\n\n  /* fix buttons height, for twitter bootstrap */\n  line-height: 1em;\n\n  /* Animation center compensation - margins should be symmetric */\n  /* remove if not needed */\n  margin-left: .2em;\n\n  /* you can be more comfortable with increased icons size */\n  /* font-size: 120%; */\n\n  /* Font smoothing. That was taken from TWBS */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  /* Uncomment for 3D effect */\n  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */\n}\n\n.icon-cancel:before { content: '\\e800'; } /* '' */\n.icon-clock:before { content: '\\e804'; } /* '' */\n.icon-download-cloud:before { content: '\\f0ed'; } /* '' */\n.icon-ok-squared:before { content: '\\f14a'; } /* '' */\n.icon-doc-text-inv:before { content: '\\f15c'; } /* '' */\n","/* SVG from Simple Icons https://github.com/simple-icons/simple-icons */\r\n\r\n[class^=\"simpleicon-\"],\r\n[class*=\" simpleicon-\"] {\r\n    position: relative;\r\n    padding-left: 1.6em;\r\n}\r\n\r\n[class^=\"simpleicon-\"]:before,\r\n[class*=\" simpleicon-\"]:before {\r\n    position: absolute;\r\n    display: inline-block;\r\n    left: 0;\r\n    top: 0;\r\n    width: 1.2em;\r\n    height: 1.2em;\r\n    margin-right: .2em;\r\n    text-align: center;\r\n    line-height: 0;\r\n    margin-left: .2em;\r\n    padding-top: 0.1em;\r\n}\r\n\r\n.simpleicon-youtube:before {\r\n    content: url(\"../img/youtube.svg\");\r\n}\r\n\r\n.simpleicon-steam:before {\r\n    content: url(\"../img/steam.svg\");\r\n}\r\n\r\n.simpleicon-paypal:before {\r\n    content: url(\"../img/paypal.svg\");\r\n}\r\n\r\n.simpleicon-github:before {\r\n    content: url(\"../img/github.svg\");\r\n}\r\n\r\n.simpleicon-instagram:before {\r\n    content: url(\"../img/instagram.svg\");\r\n}\r\n\r\n.simpleicon-twitter:before {\r\n    content: url(\"../img/twitter.svg\");\r\n}","/* Font license info\r\n\r\n## Font Awesome\r\n\r\n   Copyright (C) 2016 by Dave Gandy\r\n\r\n   Author:    Dave Gandy\r\n   License:   SIL ()\r\n   Homepage:  http://fortawesome.github.com/Font-Awesome/\r\n\r\n\r\n## Entypo\r\n\r\n   Copyright (C) 2012 by Daniel Bruce\r\n\r\n   Author:    Daniel Bruce\r\n   License:   SIL (http://scripts.sil.org/OFL)\r\n   Homepage:  http://www.entypo.com\r\n*/\r\n\r\n:root {\r\n  --rt-main: #1e4d6c;\r\n  cursor: default;\r\n}\r\n\r\nhtml {\r\n  font-size: 17px;\r\n  font-weight: 300;\r\n}\r\n\r\nbody {\r\n  font-family: 'Heebo', sans-serif;\r\n  color: #fff;\r\n  background-color: #050d19;\r\n  margin: 0;\r\n  overflow: auto;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background-color: #1e4d6c;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background-color: #2e5d7c;\r\n}\r\n\r\n::-webkit-scrollbar-track,\r\n::-webkit-scrollbar-track-piece {\r\n  background: url(\"../img/scrollbar-track.png\") repeat-y !important;\r\n}\r\n\r\n::-webkit-resizer {\r\n  background-color: #050d19;\r\n  color: #1e4d6c;\r\n}\r\n\r\n#background {\r\n  position: fixed;\r\n  padding: 0;\r\n  margin: 0;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: url(\"../img/hk-background.jpg\");\r\n  background-size: auto 100%;\r\n  background-position: center top;\r\n  background-repeat: no-repeat;\r\n  background-attachment: fixed;\r\n  z-index: 1;\r\n}\r\n\r\n#content {\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  padding: 0 .6rem;\r\n  position: relative;\r\n  z-index: 1000;\r\n}\r\n\r\nb {\r\n  font-weight: 500;\r\n  color: #aac7d4;\r\n}\r\n\r\np {\r\n  margin-top: 0.6rem;\r\n  margin-bottom: 0.6rem;\r\n}\r\n\r\ndel {\r\n  text-decoration: none;\r\n  opacity: 0.5;\r\n}\r\n\r\nstrong {\r\n  font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  font-size: 1.7rem;\r\n  color: #d9f3ff;\r\n  margin: 0.6rem 0;\r\n}\r\n\r\n#h1-title {\r\n  text-align: center;\r\n}\r\n\r\nh2 {\r\n  text-align: center;\r\n  margin: 0.6rem 0;\r\n  color: rgba(231, 251, 255, 0.6);\r\n  font-weight: 700;\r\n}\r\n\r\nh6 {\r\n  text-align: center;\r\n  font-size: 1.2rem;\r\n  font-weight: 500;\r\n  margin: 0.6rem 0;\r\n  color: rgba(231, 251, 255, 0.6);\r\n}\r\n\r\n.hall-of-fame {\r\n  color: rgba(0, 255, 220, 0.6);\r\n}\r\n\r\n#hk-hints {\r\n  border: 0.2rem solid rgba(231, 251, 255, 0.33);\r\n  border-radius: 1rem;\r\n  border-style: double;\r\n  padding: 1.3rem;\r\n  margin: 1.3rem;\r\n}\r\n\r\n#h2-hk-hints {\r\n  margin-top: 0;\r\n  color: rgba(255, 255, 255, 1.0);\r\n  font-weight: 400;\r\n  text-align: left;\r\n}\r\n\r\n.section-description {\r\n  text-align: center;\r\n  font-size: 0.8rem;\r\n  margin: 0 1.3rem 1.3rem 1.3rem;\r\n  color: rgba(129, 221, 224, 0.85);\r\n}\r\n\r\n#save-location-input {\r\n  display: block;\r\n  font-family: 'Consolas', monospace;\r\n  font-size: 0.75rem;\r\n  text-align: center;\r\n  width: 100%;\r\n  max-width: 32em;\r\n  color: #fff;\r\n  background-color: rgba(128, 128, 128, 0.5);\r\n  margin: 0.4rem auto 0.6rem auto;\r\n  padding: 0.16rem 0.5rem 0.25rem 0.5rem;\r\n  border: 1px solid rgba(231, 251, 255, 0.6);\r\n  border-radius: 3px;\r\n}\r\n\r\n#save-location-input:focus {\r\n  outline: 0;\r\n  border: 1px solid rgba(231, 251, 255, 0.8);\r\n}\r\n\r\ninput {\r\n  font-family: 'Heebo', sans-serif;\r\n  font-size: 1rem;\r\n  text-align: left;\r\n}\r\n\r\ntextarea {\r\n  font-family: 'Consolas', monospace;\r\n  font-size: 0.8rem;\r\n  text-align: left;\r\n  background-color: rgba(0, 0, 0, 0);\r\n  color: #fff;\r\n  caret-color: #fff;\r\n  border: 1px solid #e3ebf7;\r\n  padding: 2px;\r\n  margin: 0.5rem 2px 0.5rem 2px;\r\n  overflow-x: hidden;\r\n  overflow-y: scroll;\r\n\r\n  /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n\r\n  -ms-word-break: break-all;\r\n  /* This is the dangerous one in WebKit, as it breaks things wherever */\r\n  word-break: break-all;\r\n  /* Instead use this non-standard one: */\r\n  word-break: break-word;\r\n\r\n  /* Adds a hyphen where the word breaks, if supported (No Blink) */\r\n  -ms-hyphens: none;\r\n  -moz-hyphens: none;\r\n  -webkit-hyphens: none;\r\n  hyphens: none;\r\n}\r\n\r\ntextarea:focus {\r\n  border-color: rgba(0, 0, 0, 0);\r\n  box-shadow: 0 0 4px 2px #fff;\r\n  outline: 0;\r\n  /* outline: #fff 2px solid;\r\n    outline-offset: 1px; */\r\n}\r\n\r\ntextarea::placeholder {\r\n  color: rgba(255, 255, 255, 0.5);\r\n  font-size: 1rem;\r\n  text-align: center;\r\n  caret-color: #fff;\r\n}\r\n\r\ninput[type=\"file\"] {\r\n  /* max-width: 500px; */\r\n  /* margin: 0.5rem 0.5rem 0.5rem 0.25rem; */\r\n}\r\n\r\n.input-file {\r\n  width: 0.1px;\r\n  height: 0.1px;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n\r\n#file-input-label {\r\n  max-width: 325px;\r\n}\r\n\r\n#save-area {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 592px;\r\n  height: 5.65rem;\r\n}\r\n\r\n#drop-area {\r\n  position: fixed;\r\n  width: 100%;\r\n  height: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n}\r\n\r\n#drop-area-inside {\r\n  background-color: rgba(38, 189, 38, 0.5);\r\n  border: 0.3rem dashed rgba(38, 189, 38, 0.85);\r\n  border-radius: 1rem;\r\n  width: 100%;\r\n  height: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 9000;\r\n}\r\n\r\n#drop-area #drop-area-inside.highlight {\r\n  border-color: rgb(61, 228, 61);\r\n}\r\n\r\n.code-little {\r\n  font-family: 'Consolas', monospace;\r\n  font-size: 0.7rem;\r\n  text-align: left;\r\n  margin: 0 0 0 0.5rem;\r\n  color: #fff;\r\n}\r\n\r\n.hint {\r\n  display: block;\r\n  font-style: italic;\r\n}\r\n\r\n.single-entry .spoiler-span,\r\n.single-entry .spoiler-span-green {\r\n  margin-left: 0.4rem;\r\n}\r\n\r\n.spoiler-span.blurred:hover {\r\n  cursor: default;\r\n}\r\n\r\n.hint::first-letter {\r\n  position: absolute;\r\n  float: left;\r\n  margin-right: 0.6rem;\r\n  margin-top: 0.5rem;\r\n  font-size: 2.8rem;\r\n  line-height: 0.8;\r\n  font-weight: 500;\r\n}\r\n\r\n.buttons {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.input-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.tab-switch-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 1rem 0;\r\n}\r\n\r\n.checkboxes {\r\n  margin-top: 0rem;\r\n}\r\n\r\n.button {\r\n  display: inline-flex;\r\n  align-content: center;\r\n  align-items: center;\r\n  width: max-content;\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  font-family: 'Heebo', sans-serif;\r\n  text-align: center;\r\n  background-color: #1e4d6c;\r\n  color: #aac7d4;\r\n  border: 2px solid #183c55;\r\n  border-radius: 2px;\r\n  padding: 0.3rem 1rem;\r\n  margin: 0.25rem 0.5rem 0.25rem 0.25rem;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.button:first-child {\r\n  margin-left: 0.25rem;\r\n}\r\n\r\n.button:hover {\r\n  color: #d9f3ff;\r\n  background-color: #2e5d7c;\r\n  border-color: #2e5d7c;\r\n  cursor: pointer;\r\n}\r\n\r\n.button:focus,\r\n.input-file:focus+label {\r\n  /* outline: 2px solid #5e8dac; */\r\n  outline: 0;\r\n  border-color: #5e8dac;\r\n  /* outline-offset: -2px; */\r\n}\r\n\r\n.button:focus:not(:focus-visible) {\r\n  border-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.tab-switch {\r\n  background-color: rgba(0, 0, 0, 0);\r\n  color: rgb(0, 180, 156);\r\n  border: 2px solid rgba(0, 0, 0, 0);\r\n  border-radius: 1rem 0 1rem 0;\r\n}\r\n\r\n.tab-switch:hover {\r\n  background-color: rgb(0, 180, 156);\r\n  color: rgb(0, 0, 0);\r\n  border: 2px solid rgba(0, 0, 0, 0);\r\n}\r\n\r\n.tab-active {\r\n  background-color: rgb(235, 235, 235);\r\n  color: rgb(0, 39, 34);\r\n  border: 2px solid rgba(0, 0, 0, 0);\r\n  box-shadow: 0 0 1rem rgb(0, 180, 156);\r\n}\r\n\r\n.tab-switch:focus {\r\n  outline: 0;\r\n  border-color: rgb(0, 255, 221);\r\n}\r\n\r\n.tab-switch:focus:not(:focus-visible) {\r\n  border-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.centered {\r\n  flex-direction: row;\r\n  align-items: center;\r\n}\r\n\r\n@media screen and (max-width: 570px) {\r\n  .centered {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 400px) {\r\n  .buttons {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .input-buttons {\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .checkboxes {\r\n    margin-top: 0.8rem;\r\n  }\r\n}\r\n\r\n.horizontal-line {\r\n  margin: 1rem 0;\r\n  height: 1.5rem;\r\n  width: 100%;\r\n  background-image: url(\"../img/fleur-divide.png\");\r\n  background-size: auto 100%;\r\n  background-position: center top;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n@media screen and (max-width: 460px) {\r\n  .horizontal-line {\r\n    height: 1.15rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 360px) {\r\n  .horizontal-line {\r\n    height: 0.9rem;\r\n  }\r\n}\r\n\r\n.smalltext {\r\n  font-size: 0.8rem;\r\n  text-align: center;\r\n}\r\n\r\na,\r\na:active,\r\na:visited {\r\n  display: inline-block;\r\n  color: #aac7d4;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\na:hover {\r\n  color: #d9f3ff;\r\n  text-decoration: none;\r\n  text-shadow: 0 0 0.6em #1bff73;\r\n}\r\n\r\na.button:active,\r\na.button:visited {\r\n  font-weight: 500;\r\n}\r\n\r\na.button:hover {\r\n  text-shadow: none;\r\n}\r\n\r\na.wiki {\r\n  font-weight: 500;\r\n}\r\n\r\n.link-social {\r\n  margin: 0.25rem;\r\n}\r\n\r\n.icon-cancel {\r\n  color: #f03a17;\r\n}\r\n\r\n.icon-ok-squared {\r\n  color: #16c60c;\r\n}\r\n\r\n.partial {\r\n  color: rgba(255, 255, 255, 0.18);\r\n  /* text-shadow: 0 0 0.3rem #fff; */\r\n}\r\n\r\n.icon-info-circled {\r\n  color: #479ae7;\r\n}\r\n\r\n.icon-download-cloud,\r\n.icon-doc-text-inv {\r\n  color: #d9f3ff;\r\n}\r\n\r\n.flex-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: row;\r\n  align-items: normal;\r\n  justify-content: left;\r\n}\r\n\r\n.flex-row {\r\n  flex-direction: row;\r\n}\r\n\r\n.align-center {\r\n  align-items: center;\r\n}\r\n\r\n.soul-orb:first-child {\r\n  margin-left: 0.3rem;\r\n}\r\n\r\n.health-mask,\r\n.soul-orb,\r\n.geo-symbol,\r\n.notch {\r\n  width: auto;\r\n  height: 1.48rem;\r\n  margin: 0 0 0 0.3rem;\r\n}\r\n\r\n.notch {\r\n  padding-left: 0.3rem;\r\n  margin-left: -0.6rem;\r\n}\r\n\r\n.soul-orb {\r\n  height: 1.3rem;\r\n  padding-left: 0.3rem;\r\n  margin-left: -0.15rem;\r\n}\r\n\r\n.geo-symbol {\r\n  margin-right: 0.15rem;\r\n}\r\n\r\n.padding-left {\r\n  padding-left: 1.4rem;\r\n  height: 1.47rem;\r\n}\r\n\r\n.p-left-small {\r\n  display: inline;\r\n  padding-left: 0.3rem;\r\n  height: 1.47rem;\r\n}\r\n\r\n.scroll-up-button {\r\n  width: 50px;\r\n  height: 50px;\r\n  text-decoration: none;\r\n  background-color: #1e4d6c;\r\n  border: 0;\r\n  border-radius: 2px;\r\n  outline: 0;\r\n  position: fixed;\r\n  right: 1px;\r\n  bottom: 0;\r\n  z-index: 1100;\r\n  opacity: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.scroll-up-button:hover {\r\n  background-color: #2e5d7c;\r\n  cursor: pointer;\r\n}\r\n\r\n.scroll-up-button-arrow {\r\n  position: relative;\r\n  left: 12px;\r\n  top: 3px;\r\n  width: 12px;\r\n  height: 12px;\r\n  border: solid #aac7d4;\r\n  border-width: 2px 0px 0px 2px;\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.hidden {\r\n  display: none;\r\n}\r\n\r\n.visible-block {\r\n  display: block;\r\n}\r\n\r\n.opacity-none {\r\n  opacity: 0;\r\n}\r\n\r\n.opacity-full {\r\n  opacity: 1;\r\n}\r\n\r\n.wiki.blurred {\r\n  color: #0000;\r\n  background-color: #cfffed2d;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.blurred {\r\n  color: #0000;\r\n  background-color: #ffffff1f;\r\n/*   filter: blur(5px);\r\n  -webkit-filter: blur(5px); */\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.blurred:hover {\r\n  /* filter: none;\r\n  -webkit-filter: none; */\r\n  color: inherit;\r\n  background-color: inherit;\r\n}\r\n\r\n.spoiler-text {\r\n  display: inline;\r\n  /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n\r\n  -ms-word-break: break-all;\r\n  /* This is the dangerous one in WebKit, as it breaks things wherever */\r\n  word-break: break-all;\r\n  /* Instead use this non-standard one: */\r\n  word-break: break-word;\r\n\r\n  /* Adds a hyphen where the word breaks, if supported (No Blink) */\r\n  -ms-hyphens: auto;\r\n  -moz-hyphens: auto;\r\n  -webkit-hyphens: auto;\r\n  hyphens: auto;\r\n}\r\n\r\n.radio,\r\n.checkbox {\r\n  position: relative;\r\n  display: block;\r\n  left: -40px;\r\n  padding: 4px;\r\n  margin-left: 10px;\r\n}\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n  margin-right: 10px;\r\n}\r\n\r\n.radio-label,\r\n.checkbox-label {\r\n  display: inline-block;\r\n  position: relative;\r\n  padding: 0 0 0 1.8rem;\r\n  margin: 0.25rem 1rem 0.25rem 0.5rem;\r\n  cursor: pointer;\r\n  font-size: 1rem;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  width: max-content;\r\n}\r\n\r\n.checkbox-label:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.radiomark,\r\n.checkmark {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 22px;\r\n  width: 22px;\r\n  background-color: #aac7d4;\r\n  border: 1px solid #1e4d6c;\r\n  border: 1px solid var(--rt-main);\r\n}\r\n\r\n.radiomark {\r\n  border-radius: 50%;\r\n}\r\n\r\n/* Hide the browser's default checkbox */\r\n.radio-label input,\r\n.checkbox-label input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n\r\n/* On mouse-over change background color */\r\n.radio-label:hover input~.radiomark,\r\n.checkbox-label:hover input~.checkmark {\r\n  background-color: #d9f3ff;\r\n}\r\n\r\n/* When the checkbox is checked change background color */\r\n.radio-label input:checked~.radiomark,\r\n.checkbox-label input:checked~.checkmark {\r\n  background-color: #1e4d6c;\r\n  background-color: var(--rt-main);\r\n}\r\n\r\n/* When the checkbox is checked change background color on hover */\r\n.radio-label:hover input:checked~.radiomark,\r\n.checkbox-label:hover input:checked~.checkmark {\r\n  background-color: #2e5d7c;\r\n  border-color: #2e5d7c;\r\n}\r\n\r\n/* Create the checkmark/indicator (hidden when not checked) */\r\n.radiomark:after,\r\n.checkmark:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: none;\r\n}\r\n\r\n/* Show the checkmark when checked */\r\n.radio-label input:checked~.radiomark:after,\r\n.checkbox-label input:checked~.checkmark:after {\r\n  display: block;\r\n}\r\n\r\n/* Style the checkmark/indicator */\r\n.checkbox-label .checkmark:after {\r\n  left: 7px;\r\n  top: 2px;\r\n  width: 6px;\r\n  height: 12px;\r\n  border: solid #aac7d4;\r\n  border-width: 0 2px 2px 0;\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n/* Style the checkmark/indicator */\r\n.radio-label .radiomark:after {\r\n  top: 7px;\r\n  left: 7px;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: #000;\r\n}\r\n\r\ninput[type=\"checkbox\"]:focus + label,\r\ninput[type=\"radio\"]:focus + label {\r\n    outline: 0;\r\n    box-shadow: 0 0 0.2rem #aac7d4;\r\n}\r\n\r\ninput[type=\"checkbox\"]:focus:not(:focus-visible) + label,\r\ninput[type=\"radio\"]:focus:not(:focus-visible) + label {\r\n    outline: 0;\r\n    /* box-shadow: 0 0 0.2rem #aac7d4; */\r\n}\r\n\r\n.tooltip {\r\n  position: relative;\r\n  display: block;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  max-width: 550px;\r\n}\r\n\r\n.tooltip .tooltip-text {\r\n  visibility: hidden;\r\n  width: max-content;\r\n  background-color: #1e4d6c;\r\n  color: #d9f3ff;\r\n  font-size: 0.85rem;\r\n  text-align: center;\r\n  border-radius: 3px;\r\n  padding: 0.16rem 0.7rem;\r\n  position: absolute;\r\n  z-index: 1;\r\n  bottom: 130%;\r\n  left: 50%;\r\n  margin-left: -108.5px;\r\n  opacity: 0;\r\n  transition: opacity 0.3s;\r\n}\r\n\r\n.tooltip .tooltip-text::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  margin-left: -5px;\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: #1e4d6c transparent transparent transparent;\r\n}\r\n\r\n.tooltip:hover .tooltip-text {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n\r\n@media screen and (max-width: 570px) {\r\n  .tooltip {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.percent-box {\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 1.1rem;\r\n  vertical-align: middle;\r\n  color: #d9f3ff;\r\n  margin: 0 0.5rem 0rem 0.5rem;\r\n  padding: 0.2rem 1.2rem 0.2rem 1.2rem;\r\n  background: #1e4d6c;\r\n  border: 2px solid #3e6d8c;\r\n  border-radius: 4px;\r\n}\r\n\r\n.box-red {\r\n  color: #ffe2dd;\r\n  background: #c22e14;\r\n  border: 2px solid #e24e34;\r\n}\r\n\r\n.box-green {\r\n  color: #ddffd9;\r\n  background: #1e6c1e;\r\n  border: 2px solid #2d8a49;\r\n}\r\n\r\n.pp-gold {\r\n  font-weight: 700;\r\n  color: #ffbc00;\r\n  background: rgb(148, 81, 0);\r\n  background: linear-gradient(90deg, rgba(148, 81, 0, 1) 0%, rgba(255, 188, 0, 1) 50%, rgba(148, 81, 0, 1) 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.pp-silver {\r\n  font-weight: 700;\r\n  color: #ebf9ff;\r\n  background: rgb(183, 196, 201);\r\n  background: linear-gradient(90deg, rgba(138, 151, 156, 1) 0%, rgba(235, 249, 255, 1) 50%, rgba(138, 151, 156, 1) 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.pp-bronze {\r\n  font-weight: 700;\r\n  color: #b98465;\r\n  background: rgb(134, 85, 56);\r\n  background: linear-gradient(90deg, rgba(134, 85, 56, 1) 0%, rgba(222, 168, 136, 1) 50%, rgba(134, 85, 56, 1) 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.test {\r\n  color: #59d1da;\r\n}"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack://hollow-knight-completion-check/./src/css/fontello.css","webpack://hollow-knight-completion-check/./src/css/simpleicon.css","webpack://hollow-knight-completion-check/./src/css/style.css"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["@font-face {\n  font-family: 'fontello';\n  src: url('../font/fontello.eot?52032071');\n  src: url('../font/fontello.eot?52032071#iefix') format('embedded-opentype'),\n       url('../font/fontello.woff2?52032071') format('woff2'),\n       url('../font/fontello.woff?52032071') format('woff'),\n       url('../font/fontello.ttf?52032071') format('truetype'),\n       url('../font/fontello.svg?52032071#fontello') format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */\n/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */\n/*\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n  @font-face {\n    font-family: 'fontello';\n    src: url('../font/fontello.svg?52032071#fontello') format('svg');\n  }\n}\n*/\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n  font-family: \"fontello\";\n  font-style: normal;\n  font-weight: normal;\n  speak: never;\n\n  display: inline-block;\n  text-decoration: inherit;\n  width: 1em;\n  margin-right: .2em;\n  text-align: center;\n  /* opacity: .8; */\n\n  /* For safety - reset parent styles, that can break glyph codes*/\n  font-variant: normal;\n  text-transform: none;\n\n  /* fix buttons height, for twitter bootstrap */\n  line-height: 1em;\n\n  /* Animation center compensation - margins should be symmetric */\n  /* remove if not needed */\n  margin-left: .2em;\n\n  /* you can be more comfortable with increased icons size */\n  /* font-size: 120%; */\n\n  /* Font smoothing. That was taken from TWBS */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  /* Uncomment for 3D effect */\n  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */\n}\n\n.icon-cancel:before { content: '\\e800'; } /* '' */\n.icon-clock:before { content: '\\e804'; } /* '' */\n.icon-download-cloud:before { content: '\\f0ed'; } /* '' */\n.icon-ok-squared:before { content: '\\f14a'; } /* '' */\n.icon-doc-text-inv:before { content: '\\f15c'; } /* '' */\n","/* SVG from Simple Icons https://github.com/simple-icons/simple-icons */\r\n\r\n[class^=\"simpleicon-\"],\r\n[class*=\" simpleicon-\"] {\r\n    position: relative;\r\n    padding-left: 1.6em;\r\n}\r\n\r\n[class^=\"simpleicon-\"]:before,\r\n[class*=\" simpleicon-\"]:before {\r\n    position: absolute;\r\n    display: inline-block;\r\n    left: 0;\r\n    top: 0;\r\n    width: 1.2em;\r\n    height: 1.2em;\r\n    margin-right: .2em;\r\n    text-align: center;\r\n    line-height: 0;\r\n    margin-left: .2em;\r\n    padding-top: 0.1em;\r\n}\r\n\r\n.simpleicon-youtube:before {\r\n    content: url(\"../img/youtube.svg\");\r\n}\r\n\r\n.simpleicon-steam:before {\r\n    content: url(\"../img/steam.svg\");\r\n}\r\n\r\n.simpleicon-paypal:before {\r\n    content: url(\"../img/paypal.svg\");\r\n}\r\n\r\n.simpleicon-github:before {\r\n    content: url(\"../img/github.svg\");\r\n}\r\n\r\n.simpleicon-instagram:before {\r\n    content: url(\"../img/instagram.svg\");\r\n}\r\n\r\n.simpleicon-twitter:before {\r\n    content: url(\"../img/twitter.svg\");\r\n}","/* Font license info\r\n\r\n## Font Awesome\r\n\r\n   Copyright (C) 2016 by Dave Gandy\r\n\r\n   Author:    Dave Gandy\r\n   License:   SIL ()\r\n   Homepage:  http://fortawesome.github.com/Font-Awesome/\r\n\r\n\r\n## Entypo\r\n\r\n   Copyright (C) 2012 by Daniel Bruce\r\n\r\n   Author:    Daniel Bruce\r\n   License:   SIL (http://scripts.sil.org/OFL)\r\n   Homepage:  http://www.entypo.com\r\n*/\r\n\r\n:root {\r\n  --rt-main: #1e4d6c;\r\n  cursor: default;\r\n}\r\n\r\nhtml {\r\n  font-size: 17px;\r\n  font-weight: 300;\r\n}\r\n\r\nbody {\r\n  font-family: 'Heebo', sans-serif;\r\n  color: #fff;\r\n  background-color: #050d19;\r\n  margin: 0;\r\n  overflow: auto;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background-color: #1e4d6c;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background-color: #2e5d7c;\r\n}\r\n\r\n::-webkit-scrollbar-track,\r\n::-webkit-scrollbar-track-piece {\r\n  background: url(\"../img/scrollbar-track.png\") repeat-y !important;\r\n}\r\n\r\n::-webkit-resizer {\r\n  background-color: #050d19;\r\n  color: #1e4d6c;\r\n}\r\n\r\n#background {\r\n  position: fixed;\r\n  padding: 0;\r\n  margin: 0;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-image: url(\"../img/hk-background.jpg\");\r\n  background-size: auto 100%;\r\n  background-position: center top;\r\n  background-repeat: no-repeat;\r\n  background-attachment: fixed;\r\n  z-index: 1;\r\n}\r\n\r\n#content {\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  padding: 0 .6rem;\r\n  position: relative;\r\n  z-index: 1000;\r\n}\r\n\r\nb {\r\n  font-weight: 500;\r\n  color: #aac7d4;\r\n}\r\n\r\np {\r\n  margin-top: 0.6rem;\r\n  margin-bottom: 0.6rem;\r\n}\r\n\r\ndel {\r\n  text-decoration: none;\r\n  opacity: 0.5;\r\n}\r\n\r\nstrong {\r\n  font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  font-size: 2.3rem;\r\n  color: #fff;\r\n  margin: 2rem 0 0 0;\r\n}\r\n\r\n#h1-title {\r\n  font-family: 'Cinzel', 'Times New Roman', serif;\r\n  font-weight: 400;\r\n  text-align: center;\r\n  line-height: 2rem;\r\n}\r\n\r\n#sub-title {\r\n  font-family: 'Cinzel', 'Times New Roman', serif;\r\n  font-weight: 400;\r\n  text-align: center;\r\n  font-size: 1.2rem;\r\n  margin-bottom: 1rem;\r\n  line-height: 1.5rem;\r\n}\r\n\r\nh2 {\r\n  font-family: 'Cinzel', 'Times New Roman', serif;\r\n  text-align: center;\r\n  margin: 0.6rem 0;\r\n  color: #fff;\r\n  font-weight: 400;\r\n}\r\n\r\nh6 {\r\n  text-align: center;\r\n  font-size: 1.2rem;\r\n  font-weight: 500;\r\n  margin: 0.6rem 0;\r\n  color: rgba(231, 251, 255, 0.6);\r\n}\r\n\r\n.hall-of-fame {\r\n  color: rgba(0, 255, 220, 0.6);\r\n}\r\n\r\n#hk-hints {\r\n  border: 0.2rem solid rgba(231, 251, 255, 0.33);\r\n  border-radius: 1rem;\r\n  border-style: double;\r\n  padding: 1.3rem;\r\n  margin: 1.3rem;\r\n}\r\n\r\n#h2-hk-hints {\r\n  margin-top: 0;\r\n  color: rgba(255, 255, 255, 1.0);\r\n  font-weight: 400;\r\n  text-align: left;\r\n}\r\n\r\n.section-description {\r\n  text-align: center;\r\n  font-size: 0.8rem;\r\n  margin: 0 1.3rem 1.3rem 1.3rem;\r\n  color: rgba(129, 221, 224, 0.85);\r\n}\r\n\r\n#save-location-input {\r\n  display: block;\r\n  font-family: 'Consolas', monospace;\r\n  font-size: 0.75rem;\r\n  text-align: center;\r\n  width: 100%;\r\n  max-width: 32em;\r\n  color: #fff;\r\n  background-color: rgba(128, 128, 128, 0.5);\r\n  margin: 0.4rem auto 0.6rem auto;\r\n  padding: 0.16rem 0.5rem 0.25rem 0.5rem;\r\n  border: 1px solid rgba(231, 251, 255, 0.6);\r\n  border-radius: 3px;\r\n}\r\n\r\n#save-location-input:focus {\r\n  outline: 0;\r\n  border: 1px solid rgba(231, 251, 255, 0.8);\r\n}\r\n\r\ninput {\r\n  font-family: 'Heebo', sans-serif;\r\n  font-size: 1rem;\r\n  text-align: left;\r\n}\r\n\r\ntextarea {\r\n  font-family: 'Consolas', monospace;\r\n  font-size: 0.8rem;\r\n  text-align: left;\r\n  background-color: rgba(0, 0, 0, 0);\r\n  color: #fff;\r\n  caret-color: #fff;\r\n  border: 1px solid #e3ebf7;\r\n  padding: 2px;\r\n  margin: 0.5rem 2px 0.5rem 2px;\r\n  overflow-x: hidden;\r\n  overflow-y: scroll;\r\n\r\n  /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n\r\n  -ms-word-break: break-all;\r\n  /* This is the dangerous one in WebKit, as it breaks things wherever */\r\n  word-break: break-all;\r\n  /* Instead use this non-standard one: */\r\n  word-break: break-word;\r\n\r\n  /* Adds a hyphen where the word breaks, if supported (No Blink) */\r\n  -ms-hyphens: none;\r\n  -moz-hyphens: none;\r\n  -webkit-hyphens: none;\r\n  hyphens: none;\r\n}\r\n\r\ntextarea:focus {\r\n  border-color: rgba(0, 0, 0, 0);\r\n  box-shadow: 0 0 4px 2px #fff;\r\n  outline: 0;\r\n  /* outline: #fff 2px solid;\r\n    outline-offset: 1px; */\r\n}\r\n\r\ntextarea::placeholder {\r\n  color: rgba(255, 255, 255, 0.5);\r\n  font-size: 1rem;\r\n  text-align: center;\r\n  caret-color: #fff;\r\n}\r\n\r\ninput[type=\"file\"] {\r\n  /* max-width: 500px; */\r\n  /* margin: 0.5rem 0.5rem 0.5rem 0.25rem; */\r\n}\r\n\r\n.input-file {\r\n  width: 0.1px;\r\n  height: 0.1px;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n\r\n#file-input-label {\r\n  max-width: 325px;\r\n}\r\n\r\n#save-area {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 592px;\r\n  height: 5.65rem;\r\n}\r\n\r\n#drop-area {\r\n  position: fixed;\r\n  width: 100%;\r\n  height: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n}\r\n\r\n#drop-area-inside {\r\n  background-color: rgba(38, 189, 38, 0.5);\r\n  border: 0.3rem dashed rgba(38, 189, 38, 0.85);\r\n  border-radius: 1rem;\r\n  width: 100%;\r\n  height: 100%;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 9000;\r\n}\r\n\r\n#drop-area #drop-area-inside.highlight {\r\n  border-color: rgb(61, 228, 61);\r\n}\r\n\r\n.code-little {\r\n  font-family: 'Consolas', monospace;\r\n  font-size: 0.7rem;\r\n  text-align: left;\r\n  margin: 0 0 0 0.5rem;\r\n  color: #fff;\r\n}\r\n\r\n.hint {\r\n  display: block;\r\n  font-style: italic;\r\n}\r\n\r\n.single-entry .spoiler-span,\r\n.single-entry .spoiler-span-green {\r\n  margin-left: 0.4rem;\r\n}\r\n\r\n.spoiler-span.blurred:hover {\r\n  cursor: default;\r\n}\r\n\r\n.hint::first-letter {\r\n  position: absolute;\r\n  float: left;\r\n  margin-right: 0.6rem;\r\n  margin-top: 0.5rem;\r\n  font-size: 2.8rem;\r\n  line-height: 0.8;\r\n  font-weight: 500;\r\n}\r\n\r\n.buttons {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.input-buttons {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.tab-switch-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 1rem 0;\r\n}\r\n\r\n.checkboxes {\r\n  margin-top: 0rem;\r\n}\r\n\r\n.button {\r\n  display: inline-flex;\r\n  align-content: center;\r\n  align-items: center;\r\n  width: max-content;\r\n  font-size: 1rem;\r\n  font-weight: 500;\r\n  font-family: 'Heebo', sans-serif;\r\n  text-align: center;\r\n  background-color: #1e4d6c;\r\n  color: #aac7d4;\r\n  border: 2px solid #183c55;\r\n  border-radius: 2px;\r\n  padding: 0.3rem 1rem;\r\n  margin: 0.25rem 0.5rem 0.25rem 0.25rem;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.button:first-child {\r\n  margin-left: 0.25rem;\r\n}\r\n\r\n.button:hover {\r\n  color: #d9f3ff;\r\n  background-color: #2e5d7c;\r\n  border-color: #2e5d7c;\r\n  cursor: pointer;\r\n}\r\n\r\n.button:focus,\r\n.input-file:focus+label {\r\n  /* outline: 2px solid #5e8dac; */\r\n  outline: 0;\r\n  border-color: #5e8dac;\r\n  /* outline-offset: -2px; */\r\n}\r\n\r\n.button:focus:not(:focus-visible) {\r\n  border-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.tab-switch {\r\n  background-color: rgba(0, 0, 0, 0);\r\n  color: rgb(0, 180, 156);\r\n  border: 2px solid rgba(0, 0, 0, 0);\r\n  border-radius: 1rem 0 1rem 0;\r\n}\r\n\r\n.tab-switch:hover {\r\n  background-color: rgb(0, 180, 156);\r\n  color: rgb(0, 0, 0);\r\n  border: 2px solid rgba(0, 0, 0, 0);\r\n}\r\n\r\n.tab-active {\r\n  background-color: rgb(235, 235, 235);\r\n  color: rgb(0, 39, 34);\r\n  border: 2px solid rgba(0, 0, 0, 0);\r\n  box-shadow: 0 0 1rem rgb(0, 180, 156);\r\n}\r\n\r\n.tab-switch:focus {\r\n  outline: 0;\r\n  border-color: rgb(0, 255, 221);\r\n}\r\n\r\n.tab-switch:focus:not(:focus-visible) {\r\n  border-color: rgba(0, 0, 0, 0);\r\n}\r\n\r\n.centered {\r\n  flex-direction: row;\r\n  align-items: center;\r\n}\r\n\r\n@media screen and (max-width: 570px) {\r\n  .centered {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 400px) {\r\n  .buttons {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .input-buttons {\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .checkboxes {\r\n    margin-top: 0.8rem;\r\n  }\r\n}\r\n\r\n.horizontal-line {\r\n  margin: 1rem 0;\r\n  height: 1.5rem;\r\n  width: 100%;\r\n  background-image: url(\"../img/fleur-divide.png\");\r\n  background-size: auto 100%;\r\n  background-position: center top;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n@media screen and (max-width: 460px) {\r\n  .horizontal-line {\r\n    height: 1.15rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 360px) {\r\n  .horizontal-line {\r\n    height: 0.9rem;\r\n  }\r\n}\r\n\r\n.smalltext {\r\n  font-size: 0.8rem;\r\n  text-align: center;\r\n}\r\n\r\na,\r\na:active,\r\na:visited {\r\n  display: inline-block;\r\n  color: #aac7d4;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\na:hover {\r\n  color: #d9f3ff;\r\n  text-decoration: none;\r\n  text-shadow: 0 0 0.6em #1bff73;\r\n}\r\n\r\na.button:active,\r\na.button:visited {\r\n  font-weight: 500;\r\n}\r\n\r\na.button:hover {\r\n  text-shadow: none;\r\n}\r\n\r\na.wiki {\r\n  font-weight: 500;\r\n}\r\n\r\n.link-social {\r\n  margin: 0.25rem;\r\n}\r\n\r\n.icon-cancel {\r\n  color: #f03a17;\r\n}\r\n\r\n.icon-ok-squared {\r\n  color: #16c60c;\r\n}\r\n\r\n.partial {\r\n  color: rgba(255, 255, 255, 0.18);\r\n  /* text-shadow: 0 0 0.3rem #fff; */\r\n}\r\n\r\n.icon-info-circled {\r\n  color: #479ae7;\r\n}\r\n\r\n.icon-download-cloud,\r\n.icon-doc-text-inv {\r\n  color: #d9f3ff;\r\n}\r\n\r\n.flex-container {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: row;\r\n  align-items: normal;\r\n  justify-content: left;\r\n}\r\n\r\n.flex-row {\r\n  flex-direction: row;\r\n}\r\n\r\n.align-center {\r\n  align-items: center;\r\n}\r\n\r\n.soul-orb:first-child {\r\n  margin-left: 0.3rem;\r\n}\r\n\r\n.health-mask,\r\n.soul-orb,\r\n.geo-symbol,\r\n.notch {\r\n  width: auto;\r\n  height: 1.48rem;\r\n  margin: 0 0 0 0.3rem;\r\n}\r\n\r\n.notch {\r\n  padding-left: 0.3rem;\r\n  margin-left: -0.6rem;\r\n}\r\n\r\n.soul-orb {\r\n  height: 1.3rem;\r\n  padding-left: 0.3rem;\r\n  margin-left: -0.15rem;\r\n}\r\n\r\n.geo-symbol {\r\n  margin-right: 0.15rem;\r\n}\r\n\r\n.padding-left {\r\n  padding-left: 1.4rem;\r\n  height: 1.47rem;\r\n}\r\n\r\n.p-left-small {\r\n  display: inline;\r\n  padding-left: 0.3rem;\r\n  height: 1.47rem;\r\n}\r\n\r\n.scroll-up-button {\r\n  width: 50px;\r\n  height: 50px;\r\n  text-decoration: none;\r\n  background-color: #1e4d6c;\r\n  border: 0;\r\n  border-radius: 2px;\r\n  outline: 0;\r\n  position: fixed;\r\n  right: 1px;\r\n  bottom: 0;\r\n  z-index: 1100;\r\n  opacity: 0;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.scroll-up-button:hover {\r\n  background-color: #2e5d7c;\r\n  cursor: pointer;\r\n}\r\n\r\n.scroll-up-button-arrow {\r\n  position: relative;\r\n  left: 12px;\r\n  top: 3px;\r\n  width: 12px;\r\n  height: 12px;\r\n  border: solid #aac7d4;\r\n  border-width: 2px 0px 0px 2px;\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.hidden {\r\n  display: none;\r\n}\r\n\r\n.visible-block {\r\n  display: block;\r\n}\r\n\r\n.opacity-none {\r\n  opacity: 0;\r\n}\r\n\r\n.opacity-full {\r\n  opacity: 1;\r\n}\r\n\r\n.wiki.blurred {\r\n  color: #0000;\r\n  background-color: #cfffed2d;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.blurred {\r\n  color: #0000;\r\n  background-color: #ffffff1f;\r\n/*   filter: blur(5px);\r\n  -webkit-filter: blur(5px); */\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.blurred:hover {\r\n  /* filter: none;\r\n  -webkit-filter: none; */\r\n  color: inherit;\r\n  background-color: inherit;\r\n}\r\n\r\n.spoiler-text {\r\n  display: inline;\r\n  /* These are technically the same, but use both */\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n\r\n  -ms-word-break: break-all;\r\n  /* This is the dangerous one in WebKit, as it breaks things wherever */\r\n  word-break: break-all;\r\n  /* Instead use this non-standard one: */\r\n  word-break: break-word;\r\n\r\n  /* Adds a hyphen where the word breaks, if supported (No Blink) */\r\n  -ms-hyphens: auto;\r\n  -moz-hyphens: auto;\r\n  -webkit-hyphens: auto;\r\n  hyphens: auto;\r\n}\r\n\r\n.radio,\r\n.checkbox {\r\n  position: relative;\r\n  display: block;\r\n  left: -40px;\r\n  padding: 4px;\r\n  margin-left: 10px;\r\n}\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n  margin-right: 10px;\r\n}\r\n\r\n.radio-label,\r\n.checkbox-label {\r\n  display: inline-block;\r\n  position: relative;\r\n  padding: 0 0 0 1.8rem;\r\n  margin: 0.25rem 1rem 0.25rem 0.5rem;\r\n  cursor: pointer;\r\n  font-size: 1rem;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  width: max-content;\r\n}\r\n\r\n.checkbox-label:last-child {\r\n  margin-right: 0;\r\n}\r\n\r\n.radiomark,\r\n.checkmark {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 22px;\r\n  width: 22px;\r\n  background-color: #aac7d4;\r\n  border: 1px solid #1e4d6c;\r\n  border: 1px solid var(--rt-main);\r\n}\r\n\r\n.radiomark {\r\n  border-radius: 50%;\r\n}\r\n\r\n/* Hide the browser's default checkbox */\r\n.radio-label input,\r\n.checkbox-label input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n\r\n/* On mouse-over change background color */\r\n.radio-label:hover input~.radiomark,\r\n.checkbox-label:hover input~.checkmark {\r\n  background-color: #d9f3ff;\r\n}\r\n\r\n/* When the checkbox is checked change background color */\r\n.radio-label input:checked~.radiomark,\r\n.checkbox-label input:checked~.checkmark {\r\n  background-color: #1e4d6c;\r\n  background-color: var(--rt-main);\r\n}\r\n\r\n/* When the checkbox is checked change background color on hover */\r\n.radio-label:hover input:checked~.radiomark,\r\n.checkbox-label:hover input:checked~.checkmark {\r\n  background-color: #2e5d7c;\r\n  border-color: #2e5d7c;\r\n}\r\n\r\n/* Create the checkmark/indicator (hidden when not checked) */\r\n.radiomark:after,\r\n.checkmark:after {\r\n  content: \"\";\r\n  position: absolute;\r\n  display: none;\r\n}\r\n\r\n/* Show the checkmark when checked */\r\n.radio-label input:checked~.radiomark:after,\r\n.checkbox-label input:checked~.checkmark:after {\r\n  display: block;\r\n}\r\n\r\n/* Style the checkmark/indicator */\r\n.checkbox-label .checkmark:after {\r\n  left: 7px;\r\n  top: 2px;\r\n  width: 6px;\r\n  height: 12px;\r\n  border: solid #aac7d4;\r\n  border-width: 0 2px 2px 0;\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n/* Style the checkmark/indicator */\r\n.radio-label .radiomark:after {\r\n  top: 7px;\r\n  left: 7px;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: #000;\r\n}\r\n\r\ninput[type=\"checkbox\"]:focus + label,\r\ninput[type=\"radio\"]:focus + label {\r\n    outline: 0;\r\n    box-shadow: 0 0 0.2rem #aac7d4;\r\n}\r\n\r\ninput[type=\"checkbox\"]:focus:not(:focus-visible) + label,\r\ninput[type=\"radio\"]:focus:not(:focus-visible) + label {\r\n    outline: 0;\r\n    /* box-shadow: 0 0 0.2rem #aac7d4; */\r\n}\r\n\r\n.tooltip {\r\n  position: relative;\r\n  display: block;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  max-width: 550px;\r\n}\r\n\r\n.tooltip .tooltip-text {\r\n  visibility: hidden;\r\n  width: max-content;\r\n  background-color: #1e4d6c;\r\n  color: #d9f3ff;\r\n  font-size: 0.85rem;\r\n  text-align: center;\r\n  border-radius: 3px;\r\n  padding: 0.16rem 0.7rem;\r\n  position: absolute;\r\n  z-index: 1;\r\n  bottom: 130%;\r\n  left: 50%;\r\n  margin-left: -108.5px;\r\n  opacity: 0;\r\n  transition: opacity 0.3s;\r\n}\r\n\r\n.tooltip .tooltip-text::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  margin-left: -5px;\r\n  border-width: 5px;\r\n  border-style: solid;\r\n  border-color: #1e4d6c transparent transparent transparent;\r\n}\r\n\r\n.tooltip:hover .tooltip-text {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n\r\n@media screen and (max-width: 570px) {\r\n  .tooltip {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.percent-box {\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 1.1rem;\r\n  vertical-align: middle;\r\n  color: #d9f3ff;\r\n  margin: 0 0.5rem 0rem 0.5rem;\r\n  padding: 0.2rem 1.2rem 0.2rem 1.2rem;\r\n  background: #1e4d6c;\r\n  border: 2px solid #3e6d8c;\r\n  border-radius: 4px;\r\n}\r\n\r\n.box-red {\r\n  color: #ffe2dd;\r\n  background: #c22e14;\r\n  border: 2px solid #e24e34;\r\n}\r\n\r\n.box-green {\r\n  color: #ddffd9;\r\n  background: #1e6c1e;\r\n  border: 2px solid #2d8a49;\r\n}\r\n\r\n.pp-gold {\r\n  font-weight: 700;\r\n  color: #ffbc00;\r\n  background: rgb(148, 81, 0);\r\n  background: linear-gradient(90deg, rgba(148, 81, 0, 1) 0%, rgba(255, 188, 0, 1) 50%, rgba(148, 81, 0, 1) 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.pp-silver {\r\n  font-weight: 700;\r\n  color: #ebf9ff;\r\n  background: rgb(183, 196, 201);\r\n  background: linear-gradient(90deg, rgba(138, 151, 156, 1) 0%, rgba(235, 249, 255, 1) 50%, rgba(138, 151, 156, 1) 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.pp-bronze {\r\n  font-weight: 700;\r\n  color: #b98465;\r\n  background: rgb(134, 85, 56);\r\n  background: linear-gradient(90deg, rgba(134, 85, 56, 1) 0%, rgba(222, 168, 136, 1) 50%, rgba(134, 85, 56, 1) 100%);\r\n  background-clip: text;\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.test {\r\n  color: #59d1da;\r\n}"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/css/style.css b/src/css/style.css
index a1ddad3..083f363 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -103,20 +103,33 @@ strong {
 }
 
 h1 {
-  font-size: 1.7rem;
-  color: #d9f3ff;
-  margin: 0.6rem 0;
+  font-size: 2.3rem;
+  color: #fff;
+  margin: 2rem 0 0 0;
 }
 
 #h1-title {
+  font-family: 'Cinzel', 'Times New Roman', serif;
+  font-weight: 400;
   text-align: center;
+  line-height: 2rem;
+}
+
+#sub-title {
+  font-family: 'Cinzel', 'Times New Roman', serif;
+  font-weight: 400;
+  text-align: center;
+  font-size: 1.2rem;
+  margin-bottom: 1rem;
+  line-height: 1.5rem;
 }
 
 h2 {
+  font-family: 'Cinzel', 'Times New Roman', serif;
   text-align: center;
   margin: 0.6rem 0;
-  color: rgba(231, 251, 255, 0.6);
-  font-weight: 700;
+  color: #fff;
+  font-weight: 400;
 }
 
 h6 {
diff --git a/src/index.html b/src/index.html
index 71d65df..ff09caf 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,12 +6,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <link href="favicon.png" rel="icon">
-  <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
-  <!-- <link href="css/fontello.css" rel="stylesheet"> -->
-  <!-- <link href="css/style.css" rel="stylesheet"> -->
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Heebo:wght@300;400;500;700&display=swap" rel="stylesheet">
+
   <title>Save Completion Analyzer for Hollow Knight Online</title>
+
   <meta name="description"
     content="A simple open source tool for checking every single thing you missed for your Game Completion Percentage.">
+
   <meta name="keywords"
     content="hollow knight, tool, online, save, game, completion, check, checker, percentage, percent, left, analyze, analyzer, file">
 
@@ -46,7 +50,8 @@
 
   <div id="content">
 
-    <h1 id="h1-title">Save Completion Analyzer for Hollow Knight</h1>
+    <h1 id="h1-title">Save Completion Analyzer</h1>
+    <div id="sub-title">for Hollow Knight</div>
 
     <p class="smalltext">
       <a class="link-social" href="https://www.paypal.me/ReznoRMichael" target="_blank"><i