Update why.css

Author: Theheavenlyprogrammer333

why.css

@@ -1,208 +1,3 @@
+r
 
-.w1 {
-    min-width: 130px;
-    min-height: 400px;
-    color: #fff;
-    padding: 5px 10px;
-    font-weight: bold;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    display: inline-block;
-    outline: none;
-    border-radius: 5px;
-    z-index: 0;
-    background: #fff;
-    overflow: hidden;
-    border: 2px solid #ffd819;
-    color: #ffd819;
-  }
-  .w1:hover {
-    color: #fff;
-  }
-  .w1:hover:after {
-    height: 100%;
-  }
-  .w1:after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    transition: all 0.3s ease;
-    left: 0;
-    top: 0;
-    height: 0;
-    width: 100%;
-    background: #ffd819;
-  }
-  
-.w2 {
-    min-width: 130px;
-    min-height: 400px;
-    color: #fff;
-    padding: 5px 10px;
-    font-weight: bold;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    display: inline-block;
-    outline: none;
-    border-radius: 5px;
-    z-index: 0;
-    background: #fff;
-    overflow: hidden;
-    border: 2px solid #f126bf;
-    color:  #f126bf;
-  }
-  .w2:hover {
-    color: #fff;
-  }
-  .w2:hover:after {
-    height: 100%;
-  }
-  .w2:after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    transition: all 0.3s ease;
-    left: 0;
-    top: 0;
-    height: 0;
-    width: 100%;
-    background:  #f126bf;
-  }
-
-  .w3 {
-    min-width: 130px;
-    min-height: 400px;
-    color: #fff;
-    padding: 5px 10px;
-    font-weight: bold;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    display: inline-block;
-    outline: none;
-    border-radius: 5px;
-    z-index: 0;
-    background: #fff;
-    overflow: hidden;
-    border: 2px solid #00b4d8;
-    color:  #00b4d8;
-  }
-  .w3:hover {
-    color: #fff;
-  }
-  .w3:hover:after {
-    height: 100%;
-  }
-  .w3:after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    transition: all 0.3s ease;
-    left: 0;
-    top: 0;
-    height: 0;
-    width: 100%;
-    background:  #00b4d8;
-  }
-
-  
-  .w4 {
-    min-width: 130px;
-    min-height: 400px;
-    color: #fff;
-    padding: 5px 10px;
-    font-weight: bold;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    display: inline-block;
-    outline: none;
-    border-radius: 5px;
-    z-index: 0;
-    background: #fff;
-    overflow: hidden;
-    border: 2px solid #6a994e;
-    color:  #6a994e;
-  }
-  .w4:hover {
-    color: #fff;
-  }
-  .w4:hover:after {
-    height: 100%;
-  }
-  .w4:after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    transition: all 0.3s ease;
-    left: 0;
-    top: 0;
-    height: 0;
-    width: 100%;
-    background:  #6a994e;
-  }
-
-  .w5 {
-    min-width: 130px;
-    min-height: 400px;
-    color: #fff;
-    padding: 5px 10px;
-    font-weight: bold;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    display: inline-block;
-    outline: none;
-    border-radius: 5px;
-    z-index: 0;
-    background: #fff;
-    overflow: hidden;
-    border: 2px solid #590d22;
-    color:  #590d22;
-  }
-  .w5:hover {
-    color: #fff;
-  }
-  .w5:hover:after {
-    height: 100%;
-  }
-  .w5:after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    transition: all 0.3s ease;
-    left: 0;
-    top: 0;
-    height: 0;
-    width: 100%;
-    background:  #590d22;
-  }
-
-  
-
-         
-          /*our offerings button*/
 
-        
-          .offer {background-image: linear-gradient(to right, #83a4d4 0%, #b6fbff  51%, #83a4d4  100%)}
-          .offer {
-             margin: 10px;
-             padding: 15px 45px;
-             text-align: center;
-             text-transform: uppercase;
-             transition: 0.5s;
-             background-size: 200% auto;
-             color: white;            
-             box-shadow: 0 0 20px #eee;
-             border-radius: 10px;
-             display: block;
-           }
- 
-           .offer:hover {
-             background-position: right center; /* change the direction of the change here */
-             color: #fff;
-             text-decoration: none;
-           }
-