diff --git a/.DS_Store b/.DS_Store
index d65942e..9d3caf0 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e43b0f9
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/credits.html b/credits.html
new file mode 100644
index 0000000..e69de29
diff --git a/css/styles.css b/css/styles.css
index e69de29..0ec3b12 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -0,0 +1,169 @@
+* {
+ box-sizing: inherit;
+ margin: 0;
+ padding: 0;
+ font-family: "Manrope", sans-serif;
+}
+
+html {
+ font-size: 100%;
+ box-sizing: border-box;
+ overflow-x: hidden;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ line-height: 1.3;
+ background-color: #0F111A;
+}
+
+:root {
+ --white:#FFE1E1;
+ --red:#FF4151;
+ --red-glow: #FF838D40;
+ --grey-one: #1C1E29;
+ --grey-two: #2B2D3A;
+ --grey-three: #3E404F;
+}
+
+::selection {
+ color: var(--white);
+ background: var(--red);
+}
+
+::-webkit-scrollbar {
+ width: 20px;
+}
+
+::-webkit-scrollbar-track {
+ background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: var(--grey-two);
+ border-radius: 20px;
+ border: 6px solid transparent;
+ background-clip: content-box;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background-color: var(--grey-three);
+}
+
+h1 {
+ color: var(--white);
+ font-weight: 800;
+}
+
+h3 {
+ color: var(--white);
+ font-weight: 300;
+ font-size: 1.85rem;
+}
+
+/*-----navbar-----*/
+
+.logo{
+ color: #0F111A;
+ font-weight: 800;
+ font-size: 2.5rem;
+}
+
+nav {
+ width: 100%;
+ display: flex;
+ padding: 1.5rem 4rem 1.5rem 4rem;
+ justify-content: space-between;
+ align-items: center;
+}
+
+nav li{
+ width: 160px;
+ text-align: center;
+ list-style: none;
+ display: inline-block;
+ position: relative;
+ align-items: center;
+}
+
+nav a {
+ color: var(--white);
+ text-decoration:none;
+ font-size: 1.25rem;
+}
+
+nav li:hover {
+ font-weight: 600;
+ border: 3px solid var(--grey-two);
+ padding: 10px 30px;
+ border-radius: 200px;
+}
+
+/*-----body-----*/
+
+.wrapper {
+ padding-left: 6rem;
+ padding-right: 6rem;
+}
+
+.hero-text {
+ margin-top: 3%;
+ align-items: center;
+}
+
+.hero-text h1 {
+ font-size: 6.5rem;
+ letter-spacing: -0.04em;
+}
+
+.redder{
+ color: var(--red)
+}
+
+.hero{
+
+}
+button {
+ font-weight: 600;
+ color: var(--white);
+ border: 3px solid var(--red);
+ border-radius: 200px;
+ padding: 12px 40px;
+ cursor:pointer;
+ background-color: transparent;
+}
+
+.hero-text button {
+ font-size: 1.5rem;
+ margin-top: 45px;
+ transform: translateX(-5%);
+ transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-duration: 0.4s;
+}
+
+.filled-button {
+ background-color: var(--red);
+}
+
+.hero-text .filled-button {
+ margin-right: 20px;
+ box-shadow: 0px 0px 32px 1px var(--red-glow);
+}
+
+.hero-text .filled-button:hover {
+ box-shadow: 0px 0px 32px 1px var(--red-glow), 0px 0px 32px 1px var(--red-glow);
+}
+
+.hero-text button:hover {
+ transform: translate(-5%, -5%);
+}
+
+.hero-img {
+ width:500px;
+ border-radius: 25px;
+ float: right;
+ transform: rotate(3.69deg) translateY(-18%) translateX(-18%);
+}
+
+
diff --git a/docs.html b/docs.html
new file mode 100644
index 0000000..e69de29
diff --git a/download.html b/download.html
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
index e69de29..e54674f 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+ ReVanced
+
+
+
+
+
+
+
+
+
+
+
An extensible framework for
building application mods.
+
+
+
+
+
+