*{margin:0
 padding:0;
 box-sizing:border-box;
font-family:arial,sans-serif;
}


#project{ backgroung-color:white;
            color: dark gray;
           display:flex;
          justify-content:center;
         align-items:center;
        }

.container{height:100vh;
             text-align:center;
           padding:40px 20px;
           box-shadow:0 4px 10px; background-color:white;}

.navbar{display:flex;
         justify-content:space-around;
         align-items:center;
          margin-bottom:40px;
          gap:5px;
         color:black;}

.logo{background-color:yellow; justify-content:left;
       padding:8px 15px:
      border-radius:40px;
  
  }


.nav-links a{text-decoration:none;
      color:black; background-color:white;
      font-size:15px; padding:5px;
       }

.nav-links a:hover{color:yellow;}


.h1{font-size:30px;
    font-weight:bold;
     margin-bottom:30px;  }


.ride-form{ 
          justify-content:center;
           text-align:center;
          margin-bottom:20px;
          gap:15px; height:350px;
          }

.ride-form input{pading:30px; margin:10px;
          font-size:15px;
            border:1px solid grey;
         border-radius:6px;
           outline:none;
           }

.btn{padding:15px;
     background-color:yellow;
      color:black;
     font-size:18px; font-weight:bold;
       padding:12px; border-radius:40px;}
.btn:hover{background-color:blue;}


.names{text-decoration:none;
        display:flex;
       margin:10px;
       gap:20px;
    }