@import"https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}.app{display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;font-family:Arvo,serif}.background{background-image:url(background.png);background-size:cover;background-position:center}.card{border-radius:19px;border:3px solid #3c5335;background:rgb(255 255 255 / .81);padding:52px 10px;width:516px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:66px}.card-header{display:flex;flex-direction:column;align-items:center;gap:10px}.card-header__profile-image{border-radius:100%;height:142px;width:142px}.card-header__name{color:#3c5335;font-size:36px;font-weight:400}.card-header__last-name{font-weight:700}.card__links{display:flex;flex-direction:column;align-items:center;gap:25px;width:100%}.card__links li{transition:transform .3s ease,box-shadow .3s ease}.card__links li:hover{transform:scale(1.02);box-shadow:0 5px 10px #3c53354d}.svg-icon svg:hover{transform:scale(1.2)}.card__social-links img:hover{transform:scale(1.2);filter:brightness(1.2);fill:#8cba80}.svg-icon svg,.card__social-links img{transition:transform .3s ease,fill .3s ease,filter .3s ease}.card__links li{border-radius:17px;border-right:5px solid #c4ffb2;border-bottom:5px solid #c4ffb2;background:#3c5335;list-style:none;width:100%;display:flex;justify-content:center}.card__links li a{text-align:center;text-decoration:none;color:#fff;padding:20px 10px;font-size:24px;font-weight:400;width:100%}.card__social-links{display:flex;justify-content:center;align-items:center;list-style:none;gap:59px}.card-header__profile-image:hover{transform:scale(1.1);box-shadow:0 8px 15px #3c533580;transition:transform .3s ease,box-shadow .3s ease}.card__social-links img{width:46px;height:46px}@media (max-width: 516px){.card{width:100%;height:100%;border:none}}.svg-icon svg{width:46px;height:46px;fill:#3c5335;transition:transform .3s ease,fill .3s ease}