.contact-tab{z-index:10;position:fixed;height:120px;width:400px;top:25%;left:-380px;background-color:var(--primary-color);color:var(--background-color);padding:15px;box-shadow:0 4px 6px rgba(0,0,0,.2);transition:left .3s ease}.contact-tab:hover{left:0}.contact-tab .tab-name{font-size:1.2rem;position:absolute;transform:rotate(-90deg);right:-10px;top:42%;margin:0}.socials{display:flex;justify-content:space-around;margin-bottom:10px;width:80%}.socials svg{font-size:2rem;transition:transform .3s ease}.socials svg:hover{transform:scale(1.2)}.contact{width:80%;display:flex;margin-top:30px;flex-direction:column;align-items:center}.email-link{font-size:1rem;color:var(--background-color);text-decoration:none;font-weight:400;margin-right:10px;transition:opacity .2s ease;opacity:1}.email-link:hover{opacity:.8}.email-link:focus{outline:none}.clipboard-icon{color:var(--background-color);font-size:1.2rem;opacity:1;transition:opacity .2s ease,transform .3s ease,background-color .2s ease;padding:5px 9px;border:2px solid var(--third-color);border-radius:5px}.clipboard-icon,.clipboard-icon:hover{background-color:var(--secondary-color)}.clipboard-icon:hover{opacity:.8;transform:scale(1.1)}.clipboard-icon:focus{outline:none}.copied-text{font-size:1rem;color:var(--background-color);opacity:1;transition:opacity .3s ease-in-out;text-align:center}.contact p{font-size:.7rem;display:flex;align-items:center;margin:0}.contact p svg{margin:0 auto}.contact svg{margin-right:8px}@keyframes slideIn{0%{left:-350px}to{left:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}