:root{--first-color:#ea913e;--first-color-light:#f0b075;--black-color:#1e1915;--text-color:#ccc9c7;--body-color:#fffcfa;--h3-font-size:1.125rem;--smaller-font-size:.75rem}body *,body :after,body :before{box-sizing:border-box}:root{--blue:#190a30;--dark:wheat;--trans:all 0.4s ease}body{overflow-x:hidden}.main-team-container{margin:0;padding:0;width:100vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;transition:var(--trans)}a{text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto}.content{width:100vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.card{width:27vw;background-color:rgba(218,175,255,.05);border-radius:1.5rem;text-align:center;max-width:40vw;padding:2em;position:relative;list-style:none;display:inline-block;transform:scale(.65);transition:var(--trans);border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card:nth-of-type(2n):hover{transform:scale(.8);transform:rotate(4deg)}.card:nth-of-type(odd):hover{transform:scale(.8);transform:rotate(-4deg)}.card__border,.card__img{border-radius:50%}.card__border{display:grid;place-items:center;margin:0 auto .75rem}.card__name{color:#fff;font-size:var(--h3-font-size);font-weight:500;font-size:1.7em;margin-bottom:.4rem}.card__profession{color:var(--text-color);font-size:var(--smaller-font-size);background-color:#4d0eae;padding:6px;border-radius:8px;font-weight:500;font-size:1.3em}.card__social{width:57%;padding:.5rem;border-radius:3rem;border:2px solid #fff;text-align:initial;position:absolute;left:0;right:0;bottom:-1.75rem;overflow:hidden;transform-origin:18px 17px}.card__social-control{position:relative;transform-origin:18px 18px;transition:transform .45s ease;transform:rotate(0)}.card__social-toggle{display:inline-flex;background-color:#4d0eae;color:#fff;font-size:1.25rem;padding:.5rem;border-radius:50%;cursor:pointer;position:relative;z-index:10}.card__social-text{display:block;font-weight:500;line-height:normal}.card__social-list{display:inline-flex;-moz-column-gap:.75rem;column-gap:.75rem;transform-origin:18px 17px}.card__social-link{display:inline-flex;background-color:#fff;color:var(--black-color);font-size:1.25rem;padding:6px;border-radius:50%;transition:all .4s ease-in-out}.card__social-link:hover{background-color:#168d8f;color:#fff}.card__social-list,.card__social-text{position:absolute;top:0;left:0;right:0;padding-left:3.1rem}.card__social-text{top:.5rem}@media only screen and (max-width:480px){.content{display:flex;flex-direction:column}.card{width:90vw;max-width:100%;padding:2.5em}.card__border img{width:250px;height:250px}.card__name{font-size:1.5em}.card__profession{font-size:1em}.card__social{width:90%;bottom:-1.5rem}.card:nth-of-type(2n):hover{transform:scale(.4);transform:rotate(1deg)}.card:nth-of-type(odd):hover{transform:scale(.4);transform:rotate(-1deg)}.card__social{width:60%}}@media only screen and (min-width:481px) and (max-width:768px){.card{width:50vw;max-width:50vw;padding:2rem}.card__border{width:300px;height:300px}.card__name{font-size:1.6em}.card__profession{font-size:1.1em}.card__social{bottom:-1.75rem}}@media only screen and (min-width:769px) and (max-width:992px){.card{width:50vw;max-width:50vw;padding:2rem}.card__border{width:300px;height:300px}.card__name{font-size:1.7em}.card__profession{font-size:1.2em}.card__social{width:50%;bottom:-2rem}}