.con{
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
justify-content: center;
}

.h1-title{
   color: brown;
   text-align: center;
}
.images{
display: flex;
align-items: center;
justify-content: center;



}




.image{
    height:150px;
    width: 150px;
    background-color: rgb(26, 196, 202);
    margin: 10px;
    border-radius: 20px;
    padding: 10px;
}
.image img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.third, .fourth{
    height:200px;
    width: 200px;
}
.name{
    color: chocolate;
    text-decoration: dashed;
    text-align: center
}
.i-title.{

}

.note{
    text-align: center;
}
.navi a{
    margin:10px;
}
.navi a button{
    padding:10px 20px;
    justify-content: center;
}