body {
    padding: 0px;
    margin: 0px;
    font-family: cursive;
    /* background-image: url('https://source.unsplash.com/user/erondu/1366x768' );
    background-repeat: no-repeat; */
}

.container {
    background: cornflowerblue;
    /* background-image: url('https://source.unsplash.com/user/erondu/1366x768');
    background-repeat: no-repeat; */
}

.bar {
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.team {
    display: flex;
    justify-content: space-around;
    margin-top: 2rem;
    height: 20%;
    /* padding-top: 1rem; */
}

.usercol {
    flex-basis: 23%;
    text-align: center;
    cursor: pointer;
    /* background: rosybrown; */
    /* width: 13rem; */
}

.usercol img {
    width: 100%;
    border-radius: 10px;
    margin: 1rem;
    transition: .6s;
}

.usercol img:hover {
    transform: scale(1.2);
}
.icon{
    /* background-color: saddlebrown; */
    width: 100%;
}
i{
    /* margin-top: 2rem; */
    opacity: .2;
    /* color: grey; */
    transition: .6s;
    margin-left: 45%;
}
i:hover{
    /* color:black; */
    opacity: .5;
   
}