From 5745ee6f146bf92b8a139d7d3bc8011eb0ae6fb0 Mon Sep 17 00:00:00 2001
From: TeekshaHarish <102624456+TeekshaHarish@users.noreply.github.com>
Date: Tue, 31 Oct 2023 03:53:38 +0530
Subject: [PATCH] Adding back to top button

---
 index.html |  1 +
 styles.css | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 70d06ccf..09aa8aa4 100644
--- a/index.html
+++ b/index.html
@@ -148,6 +148,7 @@
 
 
 
+    <a href="#"><div class="BackToTop"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTnrB1XJEbDlZ6Gh_chZwXJ7CflXN4PoYzndA&usqp=CAU" alt="Back To Top"></div></a>
     <main>
 
         <div class="carouselContainer">
diff --git a/styles.css b/styles.css
index 9a419d15..319416cc 100644
--- a/styles.css
+++ b/styles.css
@@ -2,6 +2,7 @@ html {
   overflow-y: scroll;
   margin: 0;
   padding: 0;
+  scroll-behavior: smooth;
 }
 body {
   font-family: "Ninja Naruto", arial;
@@ -138,7 +139,18 @@ body::-webkit-scrollbar-thumb {
   box-shadow: 0 5px 50px 0 #15f4ee inset, 0 5px 50px 0 #15f4ee,
     0 5px 50px 0 #15f4ee inset, 0 5px 50px 0 #15f4ee;
 }
-
+.BackToTop{
+  position:fixed;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  bottom: 30px;
+  right: 30px;
+  height: 40px;
+  width: 40px;
+  border-radius: 100%;
+  z-index: 2;
+}
 .activated {
   width: 360px;
 }