.top-card-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:10px;justify-content:space-between;width:60%;height:200px;margin-bottom:20px;padding:15px;display:flex;box-shadow:0 4px 6px #0000001a}.top-card-container .show-contact{background-color:linen;border:none;border-top-right-radius:10px;border-bottom-left-radius:7px;outline:none;justify-content:center;padding:5px 7px;display:none;position:absolute;top:0;right:0;box-shadow:-2px 2px 2px #0000001a}.top-card-container .show-contact i{color:#352f44;font-size:10px}.top-card-container .container-info{justify-content:space-between;gap:10px;width:100%;height:100%;display:flex}.top-card-container .container-info .about{gap:30px;width:60%;display:flex}.top-card-container .container-info .about .image-container{height:100%}.top-card-container .container-info .about .image-container .profile-img{border-radius:10px;width:auto;height:100%}.top-card-container .container-info .about .bio{flex-direction:column;align-items:start;gap:10%;display:flex}.top-card-container .container-info .about .bio .name{gap:10px;display:flex}.top-card-container .container-info .about .bio .name .first-name,.top-card-container .container-info .about .bio .name .last-name{font-family:Londrina Outline,sans-serif;font-size:34px;font-style:italic;font-weight:800}.top-card-container .container-info .about .bio .name .first-name{color:linen}.top-card-container .container-info .about .bio .name .last-name{color:#b9b4c7}.top-card-container .container-info .about .bio .statement{color:#352f44;background:linen;border-radius:5px;padding:5px;font-size:16px}.top-card-container .container-info .contact-info{flex-direction:column;gap:10%;width:40%;height:100%;display:flex}.top-card-container .container-info .contact-info .info-row{align-items:center;gap:5%;height:40%;display:flex}.top-card-container .container-info .contact-info .info-row .icon-holder{background:#0003;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;display:flex;box-shadow:-1px -1px 2px #0000004d}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button{cursor:pointer;perspective:1000px;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button svg{fill:#b9b4c7;width:24px;height:24px;transform-style:preserve-3d;transition:transform .6s,fill .3s}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button:hover svg{fill:linen}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button.none svg{transform:scaleX(1)}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button.hold svg{transition-duration:.2s;transform:scaleX(-1)}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button.flipped svg{transform:scaleX(-1)}.top-card-container .container-info .contact-info .info-row .email{justify-content:space-between;align-items:center;gap:10px;transition:all .3s ease-in-out;display:flex;transform:scale(1)}.top-card-container .container-info .contact-info .info-row .email a{color:#b9b4c7;font-size:16px;text-decoration:none}.top-card-container .container-info .contact-info .info-row .email a:hover{color:linen;transform:scale(1.05)}.top-card-container .container-info .contact-info .socials{gap:20px;width:100%;display:flex}.top-card-container .container-info .contact-info .socials a{aspect-ratio:1;border:1px solid #b9b4c7;border-radius:10px;justify-content:center;align-items:center;width:50px;text-decoration:none;transition:all .3s ease-in-out;display:flex;transform:scale(1)}.top-card-container .container-info .contact-info .socials a i{color:#b9b4c7;font-size:22px}.top-card-container .container-info .contact-info .socials a:hover{border:1px solid linen;transform:scale(1.1)}.top-card-container .container-info .contact-info .socials a:hover i{color:linen}@media screen and (max-width:1350px){.top-card-container{width:80%}}@media screen and (max-width:1050px){.top-card-container{width:90%}}@media screen and (max-width:900px){.top-card-container .container-info{width:100%;height:100%}.top-card-container .container-info .about{width:60%}.top-card-container .container-info .about .bio .name .first-name,.top-card-container .container-info .about .bio .name .last-name{font-size:28px}.top-card-container .container-info .about .bio .statement{font-size:16px}.top-card-container .container-info .contact-info .info-row .icon-holder{border-radius:5px;width:35px;height:35px}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button svg{width:18px;height:18px}.top-card-container .container-info .contact-info .info-row .email a{font-size:16px}.top-card-container .container-info .contact-info .socials a{aspect-ratio:1;border-radius:5px;width:35px}.top-card-container .container-info .contact-info .socials a i{font-size:18px}}@media screen and (max-width:820px){.top-card-container{height:150px;transition:all .5s ease-in-out}.top-card-container .show-contact{display:flex;position:absolute;top:0;right:0}.top-card-container .container-info{flex-direction:column;gap:20px;width:100%;height:100%}.top-card-container .container-info .about{width:100%;height:120px}.top-card-container .container-info .about .bio .name .first-name,.top-card-container .container-info .about .bio .name .last-name{font-size:40px}.top-card-container .container-info .about .bio .statement{font-size:20px}.top-card-container .container-info .contact-info{opacity:0;z-index:-1;pointer-events:none;gap:10px;width:100%;padding:10px;transition:all .5s ease-in-out;display:flex;top:-50px;transform:translateY(-100px)}.top-card-container .container-info .contact-info .info-row{gap:20px}.top-card-container .container-info .contact-info .info-row .icon-holder{border-radius:5px;width:40px;height:40px}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button svg{width:20px;height:20px}.top-card-container .container-info .contact-info .info-row .email a{font-size:16px}.top-card-container .container-info .contact-info .socials{justify-content:start;gap:20px}.top-card-container .container-info .contact-info .socials a{aspect-ratio:1;border-radius:5px;width:40px}.top-card-container .container-info .contact-info .socials a i{font-size:20px}.top-card-container.show{height:300px}.top-card-container.show .container-info .contact-info{opacity:1;z-index:0;pointer-events:all;transform:translateY(0)}}@media screen and (max-width:600px){.top-card-container{height:120px}.top-card-container .container-info{width:100%;height:100%}.top-card-container .container-info .about{height:90px}.top-card-container .container-info .about .bio .name .first-name,.top-card-container .container-info .about .bio .name .last-name{font-size:34px}.top-card-container .container-info .about .bio .statement{font-size:16px}.top-card-container .container-info .contact-info .info-row .icon-holder{width:35px;height:35px}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button svg{width:18px;height:18px}.top-card-container .container-info .contact-info .info-row .email a{font-size:14px}.top-card-container .container-info .contact-info .socials a{width:35px}.top-card-container .container-info .contact-info .socials a i{font-size:18px}.top-card-container.show{height:240px}}@media screen and (max-width:450px){.top-card-container{height:100px}.top-card-container .container-info .about{height:70px}.top-card-container .container-info .about .bio .name .first-name,.top-card-container .container-info .about .bio .name .last-name{font-size:24px}.top-card-container .container-info .about .bio .statement{font-size:14px}.top-card-container .container-info .contact-info .info-row .icon-holder{width:30px;height:30px}.top-card-container .container-info .contact-info .info-row .icon-holder .flip-button svg{width:16px;height:16px}.top-card-container .container-info .contact-info .info-row .email a{font-size:14px}.top-card-container .container-info .contact-info .socials a{width:30px}.top-card-container .container-info .contact-info .socials a i{font-size:16px}.top-card-container.show{height:200px}}