#a{
    background-color:black;
    color: white;
    padding: 10px;

}
nav{
    color:white;
}
ul,li,h1,nav{
    display:inline;
}

ul{
   color:grey;
   padding-left: 70%;
}

li:hover{
    color:white;
    cursor: pointer;
}

input{
    display:inline;
    padding:5px;
    margin:5px;
    width:60%;
}

#bar{
   
    padding: 10px;
    width: 100%;
    text-align: center;
}

#b{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; 
    text-align: center; 
}

.img{
   border-color: black;
   border-width: 10px;
   border-style: solid;
   width:320px;
   height: 420px;
   padding: 10px;
   margin: 0; 
   margin-top: 20px;
}   

.img:hover{
    transform: scale(1.1);
    transition: 0.6s;
    background-color: black;
    color:white;
    border-color:grey;
}

h2{
    text-align: center;
    color: black;
    font-family: 'Courier New', Courier, monospace;
    font-size: 30px;
}

.about{
    margin:30px;
    width: 100%;
    padding: 20px;
    background-color: rgba(128, 128, 128, 0.705);
    text-align: center;
}

.con{
    margin:30px;
    width: 100%;
    padding: 20px;
    background-color: rgba(128, 128, 128, 0.705);
    text-align: center;
}