Muntasir

2018/css/nav.css

@@ -8,6 +8,7 @@
     border-radius: 0;
     opacity: 1;
     padding: 0;
+    background: #2c2219;
 }
 #rearNav.opaque {
     opacity: 0;
@@ -61,9 +62,10 @@
     height: 75px;
 }
 .nav-item:hover {
-    background-color: #5481be;
+    background-color: #1e110a;
     cursor: pointer;
     text-decoration: none;
+    transition: 0.3s ease;
 }
 
 .nav-item > a {

2018/css/styles.css

@@ -134,6 +134,7 @@ address > h2 {
 .white-button:focus {
     outline: 0;
 }
+
 .round-button:hover {
     cursor: pointer;
     text-decoration: none;
@@ -293,6 +294,69 @@ img#mobile-schedule-image {
     height: auto;
     top: 20px;
 }
+
+.button-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+.styled-button {
+    display: block;
+    background-color: #8CB936;
+    color: white;
+    padding: 15px 32px;
+    text-align: center;
+    text-decoration: none;
+    font-family: 'Inconsolata', monospace;
+    font-size: 16px;
+    border: none;
+    border-radius: 20px;
+    cursor: pointer;
+    margin: 0 auto 20px;
+}
+
+.styled-button:hover {
+    display: block;
+    background-color: #3b6d22;
+    color: white;
+    padding: 15px 32px;
+    text-align: center;
+    text-decoration: none;
+    font-family: 'Inconsolata', monospace;
+    font-size: 16px;
+    border: none;
+    border-radius: 20px;
+    cursor: pointer;
+    margin: 0 auto 20px;
+    transition: 0.3s ease;
+}
+
+.arrow-button {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    height: 30px;
+    background-color: #4CAF50; /* Arrow color */
+    border: none;
+    cursor: pointer;
+    outline: none;
+    clip-path: polygon(0 0, 75% 0, 75% 50%, 100% 50%, 75% 50%, 75% 100%, 0 100%); /* Creates arrow shape */
+    transition: background-color 0.3s ease;
+}
+
+.arrow-button:hover {
+    background-color: #45a049;
+    margin-bottom: 20px;
+    text-decoration: none;
+}
+
+.styled-button:hover {
+    text-decoration: none;
+    background-color: #427b43;
+
+}
+
 @keyframes blink{
     0% {
         -moz-filter: none;