body{
    color: aliceblue;
    
}
.container1{
    padding-top: 100px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    grid-template-rows: auto;
    justify-content: space-around;
    align-items: center;
    gap: 100px 10px;
    justify-items: center;    
}
.container1 a{
    text-decoration: none;
    text-align: end;
    color: aliceblue;
}
.person{
    background-color: rgb(0, 83, 136);
    border-radius: 0  0 40px 40px;
    width: 300px;
    height: 90px;
    box-shadow: 5px 5px 30px 7px rgba(0, 83, 136, 0.15), -5px -5px 30px 7px rgba(0, 83, 136, .1);
    cursor: pointer;
    transition: .4s;
    text-align: center;
}
iframe{
    border-radius: 40px 40px  0  0;
}
.person p{
    padding-top: 15px;
}
.person a{
    text-align: center;
    padding-bottom: 15px;
}
.e1{
    font-size: x-large;
    font-weight: 400;
}
.person:hover{
    transform: scale(.9, .9);
    box-shadow: 5px 5px 30px 15px rgba(0, 83, 136, 0.35), -5px -5px 30px 15px rgba(0, 83, 136, 0.32);
    opacity: .8;
}