@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.icons{display:inline-flex}.icons a{color:#fff;display:block;margin:0 15px;position:relative;text-decoration:none}.icons a .layer{height:39px;transition:transform .3s;width:39px}.icons a:hover .layer{transform:rotate(-35deg) skew(20deg)}.icons a .layer span{border:1px solid #fff;border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%}.icons a .layer span.fab{font-size:30px;line-height:39px;text-align:center}.icons a:hover .layer span:first-child{opacity:.2}.icons a:hover .layer span:nth-child(2){opacity:.4;transform:translate(5px,-5px)}.icons a:hover .layer span:nth-child(3){opacity:.6;transform:translate(10px,-10px)}.icons a:hover .layer span:nth-child(4){opacity:.8;transform:translate(15px,-15px)}.icons a:hover .layer span:nth-child(5){opacity:1;transform:translate(20px,-20px)}.icons a:first-child .layer span,.icons a:first-child .text{border-color:#4267b2;color:#4267b2}.icons a:nth-child(2) .layer span,.icons a:nth-child(2) .text{border-color:#000;color:#000}.icons a:nth-child(3) .layer span,.icons a:nth-child(3) .text{border-color:#e1306c;color:#e1306c}.icons a:nth-child(4) .layer span,.icons a:nth-child(4) .text{border-color:#2867b2;color:#2867b2}.icons a:nth-child(5) .layer span,.icons a:nth-child(5) .text{border-color:red;color:red}.icons a:hover:first-child .layer span{box-shadow:-1px 1px 3px #4267b2}.icons a:hover:nth-child(2) .layer span{box-shadow:-1px 1px 3px #000}.icons a:hover:nth-child(3) .layer span{box-shadow:-1px 1px 3px #e1306c}.icons a:hover:nth-child(4) .layer span{box-shadow:-1px 1px 3px #2867b2}.icons a:hover:nth-child(5) .layer span{box-shadow:-1px 1px 3px red}.icons a .text{bottom:-5px;font-weight:500;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:bottom .3s ease,opacity .3s ease}.icons a:hover .text{bottom:-35px;opacity:1}