@keyframes animateIcon{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.contact__item{width:100%;padding:1.5rem 0 1rem}@media(min-width:768px){.contact__item{padding:2.5rem 0 2rem}}@media screen and (min-width:768px){.contact__item{width:49%}}@media screen and (min-width:992px){.contact__item{width:33%}}.contact__item:hover{background-color:#ecf1f2;background-color:#fff;border-radius:.5rem}.contact__item:hover .contact__item-icon{border-radius:50%;border:3px solid transparent;box-shadow:0 0 20px #aaa}.contact__item:hover .contact__item-icon *{animation:animateIcon;animation-duration:.3s}.contact__item .contact__item-icon{position:relative;background-color:#151618;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:5px;border-bottom-right-radius:20px;transition:all .3s}@media screen and (min-width:992px){.contact__item .contact__item-icon{width:90px;height:90px}}.contact__item .contact__item-icon.icon-email{border:3px solid #c02d1f;background-image:linear-gradient(135deg,#661a13,#c02d1f);box-shadow:0 0 30px #661a13}.contact__item .contact__item-icon.icon-email+p{color:#c02d1f}.contact__item .contact__item-icon.icon-linkedin{border:3px solid #2764ac;background-image:linear-gradient(135deg,#15355a,#2764ac);box-shadow:0 0 30px #15355a}.contact__item .contact__item-icon.icon-linkedin+p{color:#2764ac}.contact__item .contact__item-icon.icon-github{border:3px solid #3b3b3b;background-image:linear-gradient(135deg,#000,#3b3b3b);box-shadow:0 0 30px #000}.contact__item .contact__item-icon.icon-github+p{color:#3b3b3b}.contact__item p{min-height:40px;display:flex;align-items:center;justify-content:center;position:relative}.contact__item p.email{color:#c02d1f}.contact__item p.email:hover{background-color:#661a13;color:#fff}.contact__item p.linkedin{color:#2764ac}.contact__item p.linkedin:hover{background-color:#15355a;color:#fff}.contact__item p.github{color:#3b3b3b}.contact__item p.github:hover{background-color:#000;color:#fff}@media screen and (min-width:992px){.contact__item p:hover{cursor:copy}.contact__item p:hover:after{content:"";min-width:28px;height:28px;position:absolute;top:-12px;right:-12px;border-radius:4px;background:#fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="18px" viewBox="0 0 24 24" width="18px" fill="%235D5E61"><g><rect fill="none" height="24" width="24"/></g><g><path d="M15,20H5V7c0-0.55-0.45-1-1-1h0C3.45,6,3,6.45,3,7v13c0,1.1,0.9,2,2,2h10c0.55,0,1-0.45,1-1v0C16,20.45,15.55,20,15,20z M20,16V4c0-1.1-0.9-2-2-2H9C7.9,2,7,2.9,7,4v12c0,1.1,0.9,2,2,2h9C19.1,18,20,17.1,20,16z M18,16H9V4h9V16z"/></g></svg>') 50% no-repeat}.contact__item p:hover:active{opacity:.75}}@media(max-width:768px){.contact__item p{max-width:192px}}@media screen and (max-width:992px){.contact__item p{padding-right:2.5rem;padding-left:.25rem}.contact__item p:after{content:"";min-width:28px;height:28px;position:absolute;top:6px;right:4px;border-radius:4px;background:#fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="18px" viewBox="0 0 24 24" width="18px" fill="%235D5E61"><g><rect fill="none" height="24" width="24"/></g><g><path d="M15,20H5V7c0-0.55-0.45-1-1-1h0C3.45,6,3,6.45,3,7v13c0,1.1,0.9,2,2,2h10c0.55,0,1-0.45,1-1v0C16,20.45,15.55,20,15,20z M20,16V4c0-1.1-0.9-2-2-2H9C7.9,2,7,2.9,7,4v12c0,1.1,0.9,2,2,2h9C19.1,18,20,17.1,20,16z M18,16H9V4h9V16z"/></g></svg>') 50% no-repeat}.contact__item p:active{opacity:.75}}