#myImg{border-radius:5px;cursor:pointer;transition:0.3s}#myImg:hover{opacity:0.7}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:black;background-color:rgba(0,0,0,0.9)}.modal-content{margin:auto;display:block;width:80%;max-width:700px}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal-content,#caption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:0.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.avatar{vertical-align:middle;width:50px;height:50px;border-radius:50%}.custom-shadow{box-shadow:0 8px 24px rgba(0,0,0,0.15) !important;transition:box-shadow 0.3s ease}.custom-shadow:hover{box-shadow:0 12px 28px rgba(0,0,0,0.25) !important}body{font-family:'Sofia', sans-serif;font-size:18px}.card{border:none;border-radius:12px;overflow:hidden}.card-body{padding:1.5rem}.avatar{border:2px solid #ddd}.img-thumbnail.thumb{transition:transform 0.2s ease-in-out}.img-thumbnail.thumb:hover{transform:scale(1.05);box-shadow:0px 4px 15px rgba(0,0,0,0.2)}