.main{
padding: 20px;
}
.pics{
     background-color: black;
     padding: 20px;
     box-shadow: 3px 3px 3px 3px gray;
     display: flex;
     justify-content: space-around;
}
img{
     border-radius: 40px;
}

.quote{
     color:wheat;
     letter-spacing: 1px;
     text-align: center;
     padding: 60px;
     border-radius: 40px;
     background-color:rgb(232, 6, 63);
}

span{
     letter-spacing: 0.5px;
     font-weight: 600;
     border-radius: 35px;
     font-size: 19px;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 50px;
     padding-right: 50px;
     background-color: rgb(0, 190, 204);
}
a{
     text-decoration: none;
     color: black;
}
a:hover {
     text-decoration: underline;
}
@media only screen and (max-width: 550px) {
     img{
          width: 100%;
     }
     .pics{
          display: block;
     }
     span{
          font-size: 14px;
     }
     .quote{
          padding: 20px;
     }
}