diff --git a/assets/images/star-svgrepo-com.svg b/assets/images/star-svgrepo-com.svg
new file mode 100644
index 0000000..3a273f3
--- /dev/null
+++ b/assets/images/star-svgrepo-com.svg
@@ -0,0 +1,19 @@
+
+
\ No newline at end of file
diff --git a/index.css b/index.css
index 9bc8ef0..155d352 100644
--- a/index.css
+++ b/index.css
@@ -123,6 +123,37 @@ header{
fill: var(--light-text);
}
+.right-nav-button-container{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: fit-content;
+ height: 100%;
+ gap: 20px;
+}
+.star-on-github-button{
+ width: fit-content;
+ height: 40px;
+ border-radius: 10px;
+ color: var(--light-text);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.6rem;
+ padding: 0px 20px;
+ gap: 10px;
+ font-weight: 500;
+ transition: all .3s;
+}
+.star-on-github-button svg{
+ width: 1.6rem;
+}
+.star-on-github-button svg path{
+ fill: var(--light-text-secondary);
+}
+.star-on-github-button:hover{
+ color: #0ba360;
+}
#visual-toggle-button{
width: 40px;
@@ -305,6 +336,7 @@ main{
}
.icon-image{
width: 100px;
+ /* filter: hue-rotate(95deg)brightness(0.9); */
}
.download-icon{
position: absolute;
@@ -502,6 +534,9 @@ main{
html {
font-size: 45%;
}
+ .star-on-github-button{
+ display: none;
+ }
.landingContainer{
height: 100vh;
}
diff --git a/index.html b/index.html
index 270db5a..d2d7906 100644
--- a/index.html
+++ b/index.html
@@ -583,13 +583,34 @@
-
-
+
+