.card-container{margin-top:2%;padding:0;background-color:#1a1b21;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;font-family:Inter,sans-serif}.card-info-container{margin:0;display:flex;flex-direction:column;color:#fff;align-items:center}.card-info-container>img{border-radius:10px 10px 0 0;width:260px;height:285px;object-fit:cover;object-position:25% 25%}.card-info-name{margin-top:10px;font-size:22px;font-weight:700}.card-info-title{margin-top:-3px;font-size:11.8px;color:#f3bf99}.card-info-mail{margin-top:5px;text-decoration:none;color:#fff;font-size:10.24px}.card-info-linkedinbtn{margin:15px 30px;width:200px;display:flex;justify-content:center;align-items:center;background-color:#5093e2;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.card-info-linkedinbtn:hover{background-color:#abc5e2}.card-info-linkedinbtn>img{width:16px;height:16px;margin-right:10px}.card-about-container,.card-intrests-container{margin:10px 20px 0;max-width:200px;color:#fff}.card-about-title,.card-interests-title{font-size:15px;font-weight:700}.card-about-content,.card-interests-content{font-size:11px;font-weight:100;margin:0}.card-footer-container{display:flex;justify-content:space-around;margin-top:20px;background-color:#151516;width:240px;border-radius:0 0 10px 10px;padding:10px}.card-footer-container>img{width:30px;transition:opacity .3s ease}.card-footer-container>img:hover{opacity:50%;cursor:pointer}body{padding:0;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;display:flex;justify-content:center;align-items:center}body{background:#39f}.circle{position:absolute;border-radius:50%;background:#fff;animation:ripple 15s infinite;box-shadow:0 0 1px #508fb9}.small{width:200px;height:200px;left:-100px;bottom:-100px}.medium{width:400px;height:400px;left:-200px;bottom:-200px}.large{width:600px;height:600px;left:-300px;bottom:-300px}.xlarge{width:800px;height:800px;left:-400px;bottom:-400px}.xxlarge{width:1000px;height:1000px;left:-500px;bottom:-500px}.shade1{opacity:.2}.shade2{opacity:.5}.shade3{opacity:.7}.shade4{opacity:.8}.shade5{opacity:.9}@keyframes ripple{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(.8)}}