changes hero section

assets/css/custom.css

@@ -4,6 +4,9 @@
   --light-orange: #fdbd39;
   --peach: #ee6723;
 }
+html{
+  scroll-behavior: smooth;
+}
 /* Text styles */
 .h1-dark {
   font-family: proxima-nova, sans-serif;
@@ -74,6 +77,13 @@ h2 {
   letter-spacing: normal;
   color: rgba(255, 255, 255, 0.8);
 }
+.font-ibm{
+  font-family: 'IBM Plex Mono', monospace;
+}
+.font-proxima{
+  font-family: proxima-nova, sans-serif;
+  font-size: 16px;
+}
 .graph-txt
 {
   font-family: 'IBM Plex Mono', monospace;
@@ -822,6 +832,36 @@ video:-ms-media-controls-fullscreen-button
 {
   border-bottom: 0px solid transparent;
 }
+
+.hero{
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  overflow: hidden;
+  position: relative;
+  height: calc(110vh - 200px);
+}
+.hero .explore-btn{
+  cursor: pointer;
+  position: absolute;
+  bottom: 0;
+}
+.hero .explore-btn a{
+  text-align: center;
+  font-weight: 600;
+  font-size: 20px;
+  font-family: proxima-nova, sans-serif;
+  color: #ffffff;
+  text-decoration: none;
+}
+.hero .explore-btn a img{
+  width: 40px;
+  display: block;
+  margin: 0 auto;
+  margin-top: 3px;
+}
 /*---------------------------------*/
 
 
@@ -1062,5 +1102,9 @@ video:-ms-media-controls-fullscreen-button
     padding-top: 150px;
   }
 }
-
+@media (max-width : 768px){
+  .Smart-Contract-Cover{
+    font-size: 32px;
+  }
+}
 /*--------------------------------*/