diff --git a/vignettes/introduction-to-slr-model.Rmd b/vignettes/introduction-to-slr-model.Rmd
index 32e130e..8625a28 100644
--- a/vignettes/introduction-to-slr-model.Rmd
+++ b/vignettes/introduction-to-slr-model.Rmd
@@ -5,7 +5,6 @@ output:
     toc: true         # Enable Table of Contents
     toc_depth: 2      # Set the depth of the TOC (adjust as needed)
     number_sections: true
-    css: "styles.css"
 vignette: >
   %\VignetteIndexEntry{an-introduction-to-the-slr-model}
   %\VignetteEngine{knitr::rmarkdown}
diff --git a/vignettes/styles.css b/vignettes/styles.css
deleted file mode 100755
index 0a59669..0000000
--- a/vignettes/styles.css
+++ /dev/null
@@ -1,217 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
-
-:root {
-  --blue: #003A70;
-  --lt-blue: #6BA4B8;
-  --purple: #981E97;
-  --lt-purple: #B24DB2;
-  --dk-gray: #343a40;
-  --md-gray: #545859;
-  --lt-gray: #ddd;
-  --orange: #F68D2E;
-}
-
-/* Increase the navbar logo size */
-.navbar-brand img {
-    max-height: 50px; /* Increase the max width as needed */
-    width: auto;     /* Maintain aspect ratio */
-    vertical-align: middle;
-}
-
-.navbar {
-  background-color: white !important;
-  padding-left: 10px;
-  padding-bottom: 0px;
-  margin-bottom: 0px;
-  height: 70px;
-  display: flex;
-  align-items: flex-end;
-}
-
-.navbar > .container,
-.navbar > .container-fluid,
-.navbar > .container-sm,
-.navbar > .container-md,
-.navbar > .container-lg,
-.navbar > .container-xl,
-.navbar > .container-xxl {
-  display: flex;
-  flex-wrap: inherit;
-  justify-content: space-between;
-  align-items: flex-end;
-}
-
-/* Inactive tab color */
-.navbar-nav .nav-link {
-    color: var(--md-gray); /* Color for inactive links */
-    padding: 0;
-}
-
-/* Active tab color */
-.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
-  color: var(--dk-gray); /* Color for active links */
-  font-weight: bold;
-}
-
-/* Hover tab color */
-.navbar-nav .nav-link:hover {
-    color: var(--dk-gray); /* Color on hover */
-    font-weight: bold;
-}
-
-hr {
-  margin: 1rem 0;
-  color: var(--md-gray);
-  border: 0;
-  border-top: 1px solid;
-  opacity: 0.25;
-}
-
-h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
-  margin-top: 0;
-  margin-bottom: 0.5rem;
-  font-weight: 400;
-  line-height: 1.2;
-  color: var(--purple);
-}
-
-h1, .h1 {
-  font-size: calc(1.75rem + 1.5vw);
-  font-weight: 100;
-}
-@media (min-width: 1200px) {
-  h1, .h1 {
-    font-size: 3rem;
-  }
-}
-
-h2, .h2 {
-  font-size: calc(1rem + 0.6vw);
-  font-weight: 700;
-}
-@media (min-width: 1200px) {
-  h2, .h2 {
-    font-size: 2rem;
-  }
-}
-
-h3, .h3 {
-  font-size: calc(1rem + 0.6vw);
-  font-weight: 500;
-}
-@media (min-width: 1200px) {
-  h3, .h3 {
-    font-size: 1.75rem;
-  }
-}
-
-h4, .h4 {
-  font-size: calc(1.275rem + 0.3vw);
-}
-@media (min-width: 1200px) {
-  h4, .h4 {
-    font-size: 1.5rem;
-  }
-}
-
-h5, .h5 {
-  font-size: 1.25rem;
-}
-
-h6, .h6 {
-  font-size: 1rem;
-}
-
-/* Table of contents in sidebar */
-.sidebar nav[role="doc-toc"] ul > li > a:hover,
-.sidebar nav[role="doc-toc"] ul > li > ul > li > a:hover {
-  color: var(--purple) !important;
-  font-weight: bold;
-}
-.sidebar nav[role="doc-toc"] ul > li > a.focus,
-.sidebar nav[role="doc-toc"] ul > li > ul > li > a.focus,
-.sidebar nav[role="doc-toc"] ul > li > a.active, 
-.sidebar nav[role="doc-toc"] ul > li > ul > li > a.active {
-    color: var(--purple) !important;
-    font-weight: bold;
-    border-left-width: 1px;
-    border-left-style: solid;
-    border-left-color: var(--purple);
-}
-
-/* Unvisited link */
-a:link {
-    color: var(--purple); /* Change to your desired color */
-}
-
-/* Visited link */
-a:visited {
-    color: var(--lt-purple); /* Change to your desired color */
-    font-weight: normal;
-}
-
-/* Mouse over link */
-a:hover {
-    color: var(--lt-purple); /* Change to your desired color */
-    font-weight: normal;
-}
-
-/* Selected link */
-a:active {
-    color: var(--lt-purple); /* Change to your desired color */
-    font-weight: normal;
-}
-
-/* Body */
-body {
-  font-family: 'Montserrat', sans-serif;
-  font-weight: 500;
-  font-size: 16px;
-  color: var(--md-gray);
-}
-
-
-*, ::after, ::before {
-    box-sizing: border-box;
-}
-
-/* Scenario Cards */
-.twocards {
-  display: flex;
-  flex-direction: row;
-}
-
-.card {
-  border: 1px solid #dadada;
-  margin: 15px;
-  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
-  transition: 0.2s;
-  width: 50%;
-  display: flex;
-  flex-direction: column;
-}
-
-.card h3 {
-  margin-left: 14px;
-  margin-right: 14px;
-  margin-bottom: 4px;
-  margin-top: 24px;
-}
-
-.card:hover {
-  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.2);
-}
-
-.card .container {
-  padding: 2px 14px;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.card p {
-  margin-left: 14px;
-  margin-right: 14px;
-  margin-bottom: 4px;
-  margin-top: 0;
-}
\ No newline at end of file
diff --git a/vignettes/training-slr-model.Rmd b/vignettes/training-slr-model.Rmd
index e995be8..38308f1 100644
--- a/vignettes/training-slr-model.Rmd
+++ b/vignettes/training-slr-model.Rmd
@@ -5,7 +5,6 @@ output:
     toc: true         # Enable Table of Contents
     toc_depth: 2      # Set the depth of the TOC (adjust as needed)
     number_sections: true
-    css: "styles.css"
 vignette: >
   %\VignetteIndexEntry{training-slr-model}
   %\VignetteEngine{knitr::rmarkdown}