diff --git a/src/components/Home/Home2.js b/src/components/Home/Home2.js
index ac3a48310b..d3640171e4 100644
--- a/src/components/Home/Home2.js
+++ b/src/components/Home/Home2.js
@@ -16,7 +16,7 @@ function Home2() {
- LET ME INTRODUCE MYSELF
+ Gravity of Descisions
I fell in love with programming and I have at least learnt
diff --git a/src/components/Home/Type.js b/src/components/Home/Type.js
index 67cde05c8c..328cd7d291 100644
--- a/src/components/Home/Type.js
+++ b/src/components/Home/Type.js
@@ -6,10 +6,10 @@ function Type() {
{" "}
- Projects
+ Gallery
@@ -98,7 +98,7 @@ function NavBar() {
target="_blank"
rel="noreferrer"
>
- Blogs
+ remove
diff --git a/src/index.css b/src/index.css
index c426578ebe..30817c4f69 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,5 +4,5 @@ body {
font-family: "Raleway", serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
- background-image: linear-gradient(to left, rgb(27 20 41), rgb(20 15 35));
+ background-image: linear-gradient(to left, rgb(12, 13, 17), rgb(11, 13, 51));
}
diff --git a/src/style.css b/src/style.css
index ce5f1bebf6..a5892e395d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -11,7 +11,7 @@ html {
rgba(12, 10, 22, 0.863)
);
- --imp-text-color: #c770f0;
+ --imp-text-color: #93bcea;
}
.purple {
@@ -32,7 +32,7 @@ button:focus {
width: 100%;
height: 100%;
z-index: 999999;
- background-color: #0c0513;
+ background-color: #050513;
background-image: url(./Assets/pre.svg);
background-repeat: no-repeat;
background-position: center;
@@ -57,18 +57,18 @@ button:focus {
/* Track */
::-webkit-scrollbar-track {
- background: #2d1950;
+ background: #1e1950;
}
/* Handle */
::-webkit-scrollbar-thumb {
- background: rgba(178, 121, 216, 0.959);
+ background: rgba(123, 121, 216, 0.959);
border-radius: 12px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
- background: rgba(222, 130, 235, 0.911);
+ background: rgba(130, 141, 235, 0.911);
border-radius: 12px;
}
@@ -97,7 +97,7 @@ button:focus {
.navbar-toggler span {
display: block !important;
- background-color: #be50f4 !important;
+ background-color: #93bcea !important;
height: 4px !important;
width: 27px !important;
margin-top: 5px !important;
@@ -155,8 +155,8 @@ button:focus {
}
.logo {
- height: 1.4em !important;
- width: 2.5em !important;
+ height: 5.5em !important;
+ width: 5.5em !important;
}
.navbar-nav .nav-link {
@@ -194,7 +194,7 @@ button:focus {
height: 5px;
width: 0;
border-radius: 16px;
- background: #c95bf5;
+ background: #93bcea;
bottom: 1px;
left: 0;
z-index: -1;
@@ -271,27 +271,27 @@ button:focus {
}
.heading {
- font-size: 2.4em !important;
+ font-size: 3.1em !important;
padding-left: 50px !important;
}
.heading-name {
- font-size: 2.5em !important;
+ font-size: 2.0em !important;
padding-left: 45px !important;
}
.main-name {
- color: #cd5ff8;
+ color: #93bcea;
}
.Typewriter__wrapper {
font-size: 2.2em !important;
- color: #be6adf !important;
+ color: #5a8cc4 !important;
font-weight: 600 !important;
}
.Typewriter__cursor {
font-size: 2.4em !important;
- color: #b562d6 !important;
+ color: #93bcea !important;
}
@media (max-width: 767px) {
@@ -371,7 +371,7 @@ button:focus {
width: 100%;
height: 100%;
border-radius: 50%;
- background: #68187a;
+ background: #2966ab;
transition: 0.5s;
transform: scale(0.9);
z-index: -1;
@@ -379,13 +379,13 @@ button:focus {
.home-social-icons:hover::before {
transform: scale(1.1);
- box-shadow: 0 0 15px #801f95;
+ box-shadow: 0 0 15px #93b3ea;
}
.home-social-icons:hover {
- color: #87209e;
- box-shadow: 0 0 5px #87209e;
- text-shadow: 0 0 2px #87209e;
+ color: #20319e;
+ box-shadow: 0 0 5px #33567e;
+ text-shadow: 0 0 2px #33567e;
}
.social-icons {
@@ -395,14 +395,14 @@ button:focus {
}
.icon-colour {
- color: #700c86 !important;
+ color: #330c86 !important;
}
/* --------- */
/* Footer */
/* --------- */
.footer {
- background-color: rgb(10, 4, 22);
+ background-color: rgb(8, 4, 22);
bottom: 0 !important;
padding-top: 10px !important;
padding-bottom: 8px !important ;
@@ -439,7 +439,7 @@ button:focus {
}
.blockquote-footer {
- color: #a588c0 !important;
+ color: #8b88c0 !important;
}
/* --------- */
/* Projects */
@@ -460,7 +460,7 @@ button:focus {
}
.project-card-view {
- box-shadow: 0 4px 5px 3px rgba(119, 53, 136, 0.459) !important;
+ box-shadow: 0 4px 5px 3px rgba(53, 53, 136, 0.459) !important;
color: white !important;
background-color: transparent !important;
opacity: 0.9 !important;
@@ -470,7 +470,7 @@ button:focus {
.project-card-view:hover {
transform: scale(1.02) !important;
overflow: hidden !important;
- box-shadow: 0 4px 4px 5px rgba(129, 72, 144, 0.561) !important;
+ box-shadow: 0 4px 4px 5px rgba(90, 72, 144, 0.561) !important;
}
.blog-card {
@@ -483,7 +483,7 @@ button:focus {
.blog-card-view {
background-color: transparent !important;
- box-shadow: 0 3px 3px 2px rgba(145, 77, 161, 0.459) !important;
+ box-shadow: 0 3px 3px 2px rgba(101, 77, 161, 0.459) !important;
color: white !important;
transition: all 0.5s ease 0s !important;
height: 100% !important;
@@ -501,7 +501,7 @@ button:focus {
.blog-card-view:hover {
transform: scale(1.02) !important;
overflow: hidden !important;
- box-shadow: 0 3px 3px 5px rgba(155, 88, 173, 0.65) !important;
+ box-shadow: 0 3px 3px 5px rgba(112, 88, 173, 0.65) !important;
}
.card-img-top {
@@ -518,14 +518,14 @@ button:focus {
.btn-primary {
color: #fff !important;
- background-color: #623686 !important;
- border-color: #623686 !important;
+ background-color: #363686 !important;
+ border-color: #3d3686 !important;
}
.btn-primary:hover {
color: #fff !important;
- background-color: #6d20c5d7 !important;
- border-color: #6d20c5d7 !important;
+ background-color: #3920c5d7 !important;
+ border-color: #2320c5d7 !important;
}
.btn:focus {
outline: none !important;
@@ -555,12 +555,12 @@ button:focus {
margin: 15px !important;
padding: 10px !important;
opacity: 0.93 !important;
- border: 1.7px solid rgba(200, 137, 230, 0.637) !important;
+ border: 1.7px solid rgba(149, 137, 230, 0.637) !important;
vertical-align: middle !important;
text-align: center !important;
border-radius: 5px !important;
display: table !important;
- box-shadow: 4px 5px 4px 3px rgba(89, 4, 168, 0.137) !important;
+ box-shadow: 4px 5px 4px 3px rgba(15, 4, 168, 0.137) !important;
overflow: hidden !important;
transition: all 0.4s ease 0s !important;
}
@@ -574,7 +574,7 @@ button:focus {
.tech-icons:hover {
transform: scale(1.05) !important;
overflow: hidden !important;
- border: 2.2px solid rgba(197, 115, 230, 0.883) !important;
+ border: 2.2px solid rgba(119, 115, 230, 0.883) !important;
}
.tech-icon-images {
padding: 20px !important;
@@ -645,14 +645,14 @@ button:focus {
.resume .resume-item {
padding: 0 0 10px 25px;
margin-top: -2px;
- border-left: 2px solid #8a49a8;
+ border-left: 2px solid #5b49a8;
position: relative;
}
.resume .resume-item .resume-title {
line-height: 18px;
font-size: 0.9em;
- background: #5234795d;
+ background: #3440795d;
padding: 8px 15px;
display: inline-block;
font-weight: 600;
@@ -682,7 +682,7 @@ button:focus {
left: -9px;
top: 0;
background: #fff;
- border: 2px solid #8a49a8;
+ border: 2px solid #5449a8;
}
.like-item {
@@ -692,8 +692,8 @@ button:focus {
}
.like-btn {
- background-color: #934cce5e !important;
- border-color: #934cce5e !important;
+ background-color: #4c4ece5e !important;
+ border-color: #4c53ce5e !important;
padding: 0.25rem 0.98rem !important;
border-radius: 5px !important;
line-height: 1.4 !important;
@@ -702,8 +702,8 @@ button:focus {
.like-btn:hover {
transform: translateY(-2px) !important;
- background-color: #a24dd386 !important;
- border-color: #a24dd386 !important;
+ background-color: #4d5dd386 !important;
+ border-color: #4d51d386 !important;
}
.animate-like {
@@ -727,7 +727,7 @@ button:focus {
.fork-btn-inner {
line-height: 1.4em !important;
- background-color: #934cce5e !important;
+ background-color: #4c4ece5e !important;
padding: 0.25rem 1.1rem !important;
vertical-align: middle !important;
text-align: center !important;
@@ -735,8 +735,8 @@ button:focus {
.fork-btn-inner:hover {
transform: translateY(-2px) !important;
- background-color: #a24dd386 !important;
- border-color: #a24dd386 !important;
+ background-color: #4d56d386 !important;
+ border-color: #4d51d386 !important;
}
.fork-btn-inner::after {
display: none !important;