*{margin:0;padding:0}body{background:#0a122a}.wrapper{width:100%;height:100%}.wrapper ul{list-style:none;text-align:center}.wrapper ul li{width:50px;height:50px;margin:0 3px;text-align:center;cursor:pointer;border-radius:50%;border:3px solid #b8e0d5;display:inline-block;transition:all .5s ease}.wrapper ul li .fa{color:#b8e0d5;margin-top:8px;transition:all .5s ease}.wrapper ul li:hover.facebook{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-facebook{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.twitter{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-twitter{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.instagram{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-instagram{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.google{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-google{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.twitter{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-twitter{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.linkedin{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-linkedin{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.quora{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-quora{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.product-hunt{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-product-hunt{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover.patreon{border:5px solid #a8c1ba;box-shadow:0 0 6px #a8c1ba;transition:all .5s ease}.wrapper ul li:hover .fa-thumbs-o-up{color:#a8c1ba;text-shadow:0 0 6px #a8c1ba;transition:all .5s ease}@media screen and (max-width:640px){.wrapper{width:350px}.wrapper ul li{margin-top:10px}.wrapper ul li.google{margin-left:60px}}@media screen and (max-width:340px){.wrapper{width:150px}.wrapper ul li{margin:15px}.wrapper ul li.google{margin-left:15px}}