body{
        background-color: aqua;
        padding: 1px;
        margin: 2px;
        text-align: center;}

header{
    background-color: gray;
    padding:0px;
        margin:0px;
        display-flex;
justify-content:center;}
.nav-menu {
  display: flex;              
  "space-around";
  align-items: center;        
  gap: 20px;                 
         
  width: 100%;               
}

.nav-menu a {
  text-decoration: none;
  font-weight: bold;
  color: black;              
}

    table{
    background-color: blueviolet;
    text-align: center;
}
table,th,tr,td{
    text-align: center;
 padding : 10px;
 justify-content: center;
 margin: 0px;
 margin-top: 30px;
 margin-bottom: 4px;
 padding-bottom: 0px;
 padding-left: 10px;
 padding-right: 1px;
}

#home{
    background-color:green;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 30vh;
    color: blue;
        
        
}
#about{
    background-color: darkkhaki;
    padding: 30px;
    text-align: center;
    color: blueviolet;
}
#about h2{
    font-size: 2.5rem;
    margin-bottom: 20px;
    text-transform: capitalize;
    border-bottom:2px solid gray;
display: inline-block;
padding-bottom: 10px;
}
#about p{
    background-color:aqua;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6rem;
    font-size: 1.1rem;
}
nav,ul{background-color:yellowgreen;
      justify-content:center;
      margin:0px;
       padding:0px;
       gap:5px:}
header  nav,ul{
    list-style: none;
    padding:0px;
    margin: 0px;
    display: flex;
gap: 10px;
align-items: center;
    background-color:gray;
}

nav,ul,li{
    padding:10px ;
    margin: 10px;
 background-color:chocolate;
        color:green;        
}
nav,ul,li a:hover{
 color:red;
}

nav,ul li a{
    color: rgb(19,17,17);
    text-decoration: none;
font-weight: bold;
    margin: auto;
    
}
.project
{
border: 2px solid yellowgreen;
padding: 20px;
margin: 20px;
background-color: burlywood;
box-shadow: 0 4px 8px rgb(0,0,0,0,1);
border-radius: 10px;
transition: transform 0.3s;
text-align: center;
 max-width: 1000%;
 margin: auto;
 margin-bottom: 20px;
}
.project.project:haver{
 transform: scale(1.05);
}  
form{
    display:grid;
    gap:1rem;
        background-color:aqua,
                
 }
 label{
    display:grid;
         background-color:yellowgreen;
         color:blueviolet;
 }
 form,input{
    border: 0.px solid #f4f4f4;
    padding:0.5rem;
    margin: 1.5px;
    border-radius: 1rem;

         color:greenyellow; }
 textarea{
    border-radius:1rem;
    padding:0.95rem 1.7rem;
         background-color:white;
         color:blue;
 }
 button{
    display:grid;
    margin:center;
    padding:0.5rem 0.4rem 0.3rem;
   font-weight:70px;
    border-radius:996px;
    justify-self: center;
background-color:yellow;
        font-size: 1rem;

}
footer{
   background: #343a3b;
   padding: 6px;
   margin: 5px;
}