* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #3e7cb1;
}

.menu {
  position: relative;
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu .toggle {
  position: absolute;
  width: 75px;
  height: 75px;
  background: #dbe4ee;
  color: #3e7cb1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  cursor: pointer;
  transition: 0.5s;
}

.menu .toggle.active {
  transform: rotate(315deg);
  box-shadow: 0 0 0 66px #dbe4ee;
  background: #3e7cb1;
  color: #dbe4ee;
}

.menu li {
  position: absolute;
  left: 10px;
  list-style: none;
  transform: rotate(calc(360deg / 8 * var(--i))) translateX(40px);
  transform-origin: 140px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  z-index: 10;
}

.menu.active li {
  visibility: visible;
  opacity: 1;
}

.menu li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  font-size: 1.75em;
  color: #3e7cb1;
  transform: rotate(calc(360deg / -8 * var(--i)));
  border-radius: 50%;
}

.menu.active li.active {
  transform: rotate(calc(360deg / 8 * var(--i))) translateX(12px);
}

.indicator {
  position: absolute;
  left: calc(50% + 2.5px);
  transform-origin: right;
  width: 100px;
  height: 1px;
  background: transparent;
  pointer-events: none;
  transition: 0.5s;
}

.indicator::before {
  content: '';
  position: absolute;
  top: -27.5px;
  left: 72px;
  width: 55px;
  height: 55px;
  background: #3e7cb1;
  box-shadow: 0 0 0 6px #3e7cb1;
  border-radius: 50%;
  transition: 0.5s;
  opacity: 0;
}

.menu.active .indicator::before {
  opacity: 1;
  top: -27.5px;
  left: -27.5px;
  background: #0a2463;
  box-shadow: 0 0 0 6px #3e7cb1;
}

.menu li:nth-child(2).active~.indicator {
  transform: translateX(-103px) rotate(0deg);
}

.menu li:nth-child(3).active~.indicator {
  transform: translateX(-103px) rotate(45deg);
}

.menu li:nth-child(4).active~.indicator {
  transform: translateX(-103px) rotate(90deg);
}

.menu li:nth-child(5).active~.indicator {
  transform: translateX(-103px) rotate(135deg);
}

.menu li:nth-child(6).active~.indicator {
  transform: translateX(-103px) rotate(180deg);
}

.menu li:nth-child(7).active~.indicator {
  transform: translateX(-103px) rotate(225deg);
}

.menu li:nth-child(8).active~.indicator {
  transform: translateX(-103px) rotate(270deg);
}

.menu li:nth-child(9).active~.indicator {
  transform: translateX(-103px) rotate(315deg);
}


/* Icons */
.icons8-notification {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiMzZTdjYjEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoNS4xMiw1LjEyKSI+PHBhdGggZD0iTTI1LDBjLTIuMTk5MjIsMCAtNCwxLjgwMDc4IC00LDRjMCwwLjUxNTYzIDAuMTAxNTYsMS4wMTU2MyAwLjI4MTI1LDEuNDY4NzVjLTUuNjI1LDEuNDYwOTQgLTkuMjgxMjUsNi4zNDc2NiAtOS4yODEyNSwxMi41MzEyNWMwLDcuODMyMDMgLTEuOTIxODcsMTEuMzk4NDQgLTMuNzUsMTMuNDA2MjVjLTAuOTE0MDYsMS4wMDM5MSAtMS44MTY0MSwxLjYxMzI4IC0yLjU5Mzc1LDIuMTg3NWMtMC4zOTA2MiwwLjI4NTE2IC0wLjc0NjA5LDAuNTcwMzEgLTEuMDYyNSwwLjkzNzVjLTAuMzE2NDEsMC4zNjcxOSAtMC41OTM3NSwwLjg5MDYzIC0wLjU5Mzc1LDEuNDY4NzVjMCwxLjM3NSAwLjg0Mzc1LDIuNTQyOTcgMi4wMzEyNSwzLjMxMjVjMS4xODc1LDAuNzY5NTMgMi43NDYwOSwxLjI2NTYzIDQuNjI1LDEuNjU2MjVjMi40Mzc1LDAuNTAzOTEgNS40NDUzMSwwLjc2OTUzIDguNzUsMC45MDYyNWMtMC4yNSwwLjY2NDA2IC0wLjQwNjI1LDEuMzc4OTEgLTAuNDA2MjUsMi4xMjVjMCwzLjMwMDc4IDIuNjk5MjIsNiA2LDZjMy4zMDA3OCwwIDYsLTIuNjk5MjIgNiwtNmMwLC0wLjc1IC0wLjE1MjM0LC0xLjQ2NDg0IC0wLjQwNjI1LC0yLjEyNWMzLjMwNDY5LC0wLjEzNjcyIDYuMzEyNSwtMC40MDIzNCA4Ljc1LC0wLjkwNjI1YzEuODc4OTEsLTAuMzkwNjIgMy40Mzc1LC0wLjg4NjcyIDQuNjI1LC0xLjY1NjI1YzEuMTg3NSwtMC43Njk1MyAyLjAzMTI1LC0xLjkzNzUgMi4wMzEyNSwtMy4zMTI1YzAsLTAuNTc4MTIgLTAuMjc3MzQsLTEuMTAxNTYgLTAuNTkzNzUsLTEuNDY4NzVjLTAuMzE2NDEsLTAuMzY3MTkgLTAuNjcxODcsLTAuNjUyMzQgLTEuMDYyNSwtMC45Mzc1Yy0wLjc3NzM0LC0wLjU3NDIyIC0xLjY3OTY5LC0xLjE4MzU5IC0yLjU5Mzc1LC0yLjE4NzVjLTEuODI4MTIsLTIuMDA3ODEgLTMuNzUsLTUuNTc0MjIgLTMuNzUsLTEzLjQwNjI1YzAsLTYuMTc5NjkgLTMuNjY0MDYsLTExLjA2MjUgLTkuMjgxMjUsLTEyLjUzMTI1YzAuMTc5NjksLTAuNDUzMTIgMC4yODEyNSwtMC45NTMxMiAwLjI4MTI1LC0xLjQ2ODc1YzAsLTIuMTk5MjIgLTEuODAwNzgsLTQgLTQsLTR6TTI1LDJjMS4xMTcxOSwwIDIsMC44ODI4MSAyLDJjMCwxLjExNzE5IC0wLjg4MjgxLDIgLTIsMmMtMS4xMTcxOSwwIC0yLC0wLjg4MjgxIC0yLC0yYzAsLTEuMTE3MTkgMC44ODI4MSwtMiAyLC0yek0yNy4zNDM3NSw3LjE4NzVjNS4zMzIwMywwLjk0OTIyIDguNjU2MjUsNS4wNzAzMSA4LjY1NjI1LDEwLjgxMjVjMCw4LjE2Nzk3IDIuMDc4MTMsMTIuMzYzMjggNC4yNSwxNC43NWMxLjA4NTk0LDEuMTkxNDEgMi4xODM1OSwxLjkzNzUgMi45MDYyNSwyLjQ2ODc1YzAuMzU5MzgsMC4yNjU2MyAwLjYyODkxLDAuNDg4MjggMC43NSwwLjYyNWMwLjEyMTA5LDAuMTM2NzIgMC4wOTM3NSwwLjEyNSAwLjA5Mzc1LDAuMTU2MjVjMCwwLjYyNSAtMC4yODkwNiwxLjA4MjAzIC0xLjEyNSwxLjYyNWMtMC44MzU5NCwwLjU0Mjk3IC0yLjE5NTMxLDEuMDQ2ODggLTMuOTM3NSwxLjQwNjI1Yy0zLjQ4NDM3LDAuNzIyNjYgLTguNDQ1MzEsMC45Njg3NSAtMTMuOTM3NSwwLjk2ODc1Yy01LjQ5MjE5LDAgLTEwLjQ1MzEyLC0wLjI0NjA5IC0xMy45Mzc1LC0wLjk2ODc1Yy0xLjc0MjE5LC0wLjM1OTM3IC0zLjEwMTU2LC0wLjg2MzI4IC0zLjkzNzUsLTEuNDA2MjVjLTAuODM1OTQsLTAuNTQyOTcgLTEuMTI1LC0xIC0xLjEyNSwtMS42MjVjMCwtMC4wMzEyNSAtMC4wMjczNCwtMC4wMTk1MyAwLjA5Mzc1LC0wLjE1NjI1YzAuMTIxMDksLTAuMTM2NzIgMC4zOTA2MywtMC4zNTkzNyAwLjc1LC0wLjYyNWMwLjcyMjY2LC0wLjUzMTI1IDEuODIwMzEsLTEuMjc3MzQgMi45MDYyNSwtMi40Njg3NWMyLjE3MTg4LC0yLjM4NjcyIDQuMjUsLTYuNTgyMDMgNC4yNSwtMTQuNzVjMCwtNS43MzgyOCAzLjMyODEzLC05LjgyODEyIDguNjU2MjUsLTEwLjc4MTI1YzAuNjY0MDYsMC40ODgyOCAxLjQ2NDg0LDAuNzgxMjUgMi4zNDM3NSwwLjc4MTI1YzAuODg2NzIsMCAxLjY3OTY5LC0wLjMxNjQxIDIuMzQzNzUsLTAuODEyNXpNMjEuNTYyNSw0MS45Mzc1YzEuMTIxMDksMC4wMjM0NCAyLjI2MTcyLDAuMDYyNSAzLjQzNzUsMC4wNjI1YzEuMTc1NzgsMCAyLjMxNjQxLC0wLjAzOTA2IDMuNDM3NSwtMC4wNjI1YzAuMzU1NDcsMC42MDE1NiAwLjU2MjUsMS4zMTI1IDAuNTYyNSwyLjA2MjVjMCwyLjIyMjY2IC0xLjc3NzM0LDQgLTQsNGMtMi4yMjI2NiwwIC00LC0xLjc3NzM0IC00LC00YzAsLTAuNzU3ODEgMC4xOTkyMiwtMS40NjA5NCAwLjU2MjUsLTIuMDYyNXoiPjwvcGF0aD48L2c+PC9nPgo8L3N2Zz4=') 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-github {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNCIgeTE9IjIzLjUwOCIgeDI9IjQ0IiB5Mj0iMjMuNTA4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9ImNvbG9yLTFfQVpPWk5uWTczaGFqX2dyMSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjM2U3Y2IxIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM2U3Y2IxIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0iIiBzdHJva2UtZGFzaG9mZnNldD0iMCIgZm9udC1mYW1pbHk9Im5vbmUiIGZvbnQtd2VpZ2h0PSJub25lIiBmb250LXNpemU9Im5vbmUiIHRleHQtYW5jaG9yPSJub25lIiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6IG5vcm1hbCI+PGcgdHJhbnNmb3JtPSJzY2FsZSg1LjMzMzMzLDUuMzMzMzMpIj48cGF0aCBkPSJNMjQsNGMtMTEuMDQ2LDAgLTIwLDguOTU0IC0yMCwyMGMwLDguODg3IDUuODAxLDE2LjQxMSAxMy44MiwxOS4wMTZoMTIuMzZjOC4wMTksLTIuNjA1IDEzLjgyLC0xMC4xMjkgMTMuODIsLTE5LjAxNmMwLC0xMS4wNDYgLTguOTU0LC0yMCAtMjAsLTIweiIgZmlsbD0idXJsKCNjb2xvci0xX0FaT1pOblk3M2hhal9ncjEpIj48L3BhdGg+PHBhdGggZD0iTTMwLjAxLDQxLjk5NmwtMC4wMSwtNS43OThjMCwtMC45MzkgLTAuMjIsLTEuODU2IC0wLjY0MiwtMi42ODdjNS42NDEsLTEuMTMzIDguMzg2LC00LjQ2OCA4LjM4NiwtMTAuMTc3YzAsLTIuMjU1IC0wLjY2NSwtNC4yNDYgLTEuOTc2LC01LjkyYzAuMSwtMC4zMTcgMC4xNzQsLTAuNjQ1IDAuMjIsLTAuOTgxYzAuMTg4LC0xLjM2OSAtMC4wMjMsLTIuMjY0IC0wLjE5MywtMi45ODRsLTAuMDI3LC0wLjExNmMtMC4xODYsLTAuNzk2IC0wLjQwOSwtMS4zNjQgLTAuNDE4LC0xLjM4OGwtMC4xMTEsLTAuMjgybC0wLjExMSwtMC4yODJsLTAuMzAyLC0wLjAzMmwtMC4zMDMsLTAuMDMyYzAsMCAtMC4xOTksLTAuMDIxIC0wLjUwMSwtMC4wMjFjLTAuNDE5LDAgLTEuMDQsMC4wNDIgLTEuNjI3LDAuMjQxbC0wLjE5NiwwLjA2NmMtMC43NCwwLjI0OSAtMS40MzksMC40ODUgLTIuNDE3LDEuMDY5Yy0wLjI4NiwwLjE3MSAtMC41OTksMC4zNjYgLTAuOTM0LDAuNTg0Yy0xLjUxNCwtMC4zNzUgLTMuMTQzLC0wLjU2NiAtNC44NDgsLTAuNTY2Yy0xLjcyMiwwIC0zLjM2NSwwLjE5MiAtNC44ODksMC41NzFjLTAuMzM5LC0wLjIyIC0wLjY1NCwtMC40MTcgLTAuOTQyLC0wLjU4OWMtMC45NzgsLTAuNTg0IC0xLjY3NywtMC44MTkgLTIuNDE3LC0xLjA2OWwtMC4xOTYsLTAuMDY2Yy0wLjU4NSwtMC4xOTkgLTEuMjA3LC0wLjI0MSAtMS42MjYsLTAuMjQxYy0wLjMwMiwwIC0wLjUwMSwwLjAyMSAtMC41MDEsMC4wMjFsLTAuMzAyLDAuMDMybC0wLjMsMC4wMzFsLTAuMTEyLDAuMjgxbC0wLjExMywwLjI4M2MtMC4wMSwwLjAyNiAtMC4yMzMsMC41OTQgLTAuNDE5LDEuMzkxbC0wLjAyNywwLjExNWMtMC4xNywwLjcxOSAtMC4zODEsMS42MTUgLTAuMTkzLDIuOTgzYzAuMDQ4LDAuMzQ2IDAuMTI1LDAuNjg1IDAuMjMsMS4wMTFjLTEuMjg1LDEuNjY2IC0xLjkzNiwzLjY0NiAtMS45MzYsNS44OWMwLDUuNjk1IDIuNzQ4LDkuMDI4IDguMzk3LDEwLjE3Yy0wLjE5NCwwLjM4OCAtMC4zNDUsMC43OTggLTAuNDUyLDEuMjI0Yy0wLjE5NywwLjA2NyAtMC4zNzgsMC4xMTIgLTAuNTM4LDAuMTM3Yy0wLjIzOCwwLjAzNiAtMC40ODcsMC4wNTQgLTAuNzM5LDAuMDU0Yy0wLjY4NiwwIC0xLjIyNSwtMC4xMzQgLTEuNDM1LC0wLjI1OWMtMC4zMTMsLTAuMTg2IC0wLjg3MiwtMC43MjcgLTEuNDE0LC0xLjUxOGMtMC40NjMsLTAuNjc1IC0xLjE4NSwtMS41NTggLTEuOTkyLC0xLjkyN2MtMC42OTgsLTAuMzE5IC0xLjQzNywtMC41MDIgLTIuMDI5LC0wLjUwMmMtMC4xMzgsMCAtMC4yNjUsMC4wMSAtMC4zNzYsMC4wMjhjLTAuNTE3LDAuMDgyIC0wLjk0OSwwLjM2NiAtMS4xODQsMC43OGMtMC4yMDMsMC4zNTcgLTAuMjM1LDAuNzczIC0wLjA4OCwxLjE0MWMwLjIxOSwwLjU0OCAwLjg1MSwwLjk4NSAxLjM0MywxLjI1NWMwLjI0MiwwLjEzMyAwLjc2NSwwLjYxOSAxLjA3LDEuMTA5YzAuMjI5LDAuMzY4IDAuMzM1LDAuNjMgMC40ODIsMC45OTJjMC4wODcsMC4yMTUgMC4xODMsMC40NDkgMC4zMTMsMC43MzJjMC40NywxLjAyMiAxLjkzNywxLjkyNCAyLjEwMywyLjAyM2MwLjgwNiwwLjQ4MyAyLjE2MSwwLjYzOCAzLjE1NywwLjY4M2wwLjEyMywwLjAwM2gwLjAwMWMwLjI0LDAgMC41NywtMC4wMjMgMS4wMDQsLTAuMDcxdjIuNjEzYzAuMDAyLDAuNTI5IC0wLjUzNywwLjY0OSAtMS4yNSwwLjYzOGwwLjU0NywwLjE4NGMyLjA5NSwwLjc0OSA0LjM0NSwxLjE3NyA2LjcsMS4xNzdjMi4zNTUsMCA0LjYwNSwtMC40MjggNi43MDMsLTEuMTc2bDAuNzAzLC0wLjI2MmMtMC43MTEsLTAuMDI0IC0xLjM5LC0wLjE0IC0xLjM5NiwtMC41NjZ6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwLjA1Ij48L3BhdGg+PHBhdGggZD0iTTMwLjc4MSw0Mi43OTdjLTAuNDA2LDAuMDQ3IC0xLjI4MSwtMC4xMDkgLTEuMjgxLC0wLjc5NXYtNS44MDRjMCwtMS4wOTQgLTAuMzI4LC0yLjE1MSAtMC45MzYsLTMuMDUyYzUuOTE1LC0wLjk1NyA4LjY3OSwtNC4wOTMgOC42NzksLTkuODEyYzAsLTIuMjM3IC0wLjY4NiwtNC4xOTQgLTIuMDM5LC01LjgyMmMwLjEzNywtMC4zNjUgMC4yMzMsLTAuNzUgMC4yODgsLTEuMTQ3YzAuMTc1LC0xLjI3NiAtMC4wMTYsLTIuMDg2IC0wLjE4NCwtMi44MDFsLTAuMDI3LC0wLjExNmMtMC4xNzgsLTAuNzYxIC0wLjM4OCwtMS4yOTcgLTAuMzk3LC0xLjMxOWwtMC4xMTEsLTAuMjgybC0wLjMwMywtMC4wMzJjMCwwIC0wLjE3OCwtMC4wMTkgLTAuNDQ5LC0wLjAxOWMtMC4zODEsMCAtMC45NDQsMC4wMzcgLTEuNDY2LDAuMjE1bC0wLjE5NiwwLjA2NmMtMC43MTQsMC4yNDEgLTEuMzg5LDAuNDY4IC0yLjMyMSwxLjAyNGMtMC4zMzIsMC4xOTggLTAuNzAyLDAuNDMxIC0xLjEwMSwwLjY5NGMtMS41MzMsLTAuNDAxIC0zLjE5MiwtMC42MDUgLTQuOTM3LC0wLjYwNWMtMS43NjIsMCAtMy40MzUsMC4yMDUgLTQuOTc5LDAuNjFjLTAuNDAzLC0wLjI2NSAtMC43NzUsLTAuNDk5IC0xLjEwOSwtMC42OTljLTAuOTMyLC0wLjU1NiAtMS42MDcsLTAuNzg0IC0yLjMyMSwtMS4wMjRsLTAuMTk2LC0wLjA2NmMtMC41MjEsLTAuMTc3IC0xLjA4NSwtMC4yMTUgLTEuNDY2LC0wLjIxNWMtMC4yNzEsMCAtMC40NDksMC4wMTkgLTAuNDQ5LDAuMDE5bC0wLjMwMiwwLjAzMmwtMC4xMTMsMC4yODNjLTAuMDA5LDAuMDIyIC0wLjIxOSwwLjU1OCAtMC4zOTcsMS4zMTlsLTAuMDI3LDAuMTE2Yy0wLjE2OSwwLjcxNSAtMC4zNiwxLjUyNCAtMC4xODQsMi44YzAuMDU2LDAuNDA3IDAuMTU2LDAuODAxIDAuMjk4LDEuMTc0Yy0xLjMyNywxLjYyIC0xLjk5OSwzLjU2NyAtMS45OTksNS43OTVjMCw1LjcwMyAyLjc2Niw4LjgzOCA4LjY4Niw5LjgwNmMtMC4zOTUsMC41OSAtMC42NzEsMS4yNTUgLTAuODEzLDEuOTY0Yy0wLjMzLDAuMTMgLTAuNjI5LDAuMjE2IC0wLjg5MSwwLjI1NmMtMC4yNjMsMC4wNCAtMC41MzcsMC4wNiAtMC44MTQsMC4wNmMtMC42OSwwIC0xLjM1MywtMC4xMjkgLTEuNjksLTAuMzI5Yy0wLjQ0LC0wLjI2MSAtMS4wNTcsLTAuOTE0IC0xLjU3MiwtMS42NjVjLTAuMzUsLTAuNTEgLTEuMDQ3LC0xLjQxNyAtMS43ODgsLTEuNzU1Yy0wLjYzNSwtMC4yOSAtMS4yOTgsLTAuNDU3IC0xLjgyMSwtMC40NTdjLTAuMTEsMCAtMC4yMSwwLjAwOCAtMC4yOTgsMC4wMjJjLTAuMzY2LDAuMDU4IC0wLjY2OCwwLjI1MiAtMC44MjgsMC41MzRjLTAuMTI4LDAuMjI0IC0wLjE0OSwwLjQ4MyAtMC4wNTksMC43MDhjMC4xNzksMC40NDggMC44NDIsMC44NSAxLjExOSwxLjAwMmMwLjMzNSwwLjE4NCAwLjkxOSwwLjc0NCAxLjI1NCwxLjI4NGMwLjI1MSwwLjQwNCAwLjM3LDAuNjk3IDAuNTIxLDEuMDY3YzAuMDg1LDAuMjA5IDAuMTc4LDAuNDM3IDAuMzA0LDAuNzEyYzAuMzMxLDAuNzE5IDEuMzUzLDEuNDcyIDEuOTA1LDEuODAzYzAuNzU0LDAuNDUyIDIuMTU0LDAuNTc4IDIuOTIyLDAuNjEybDAuMTExLDAuMDAyYzAuMjk5LDAgMC44LC0wLjA0NSAxLjQ5NSwtMC4xMzV2My4xNzdjMCwwLjc3OSAtMC45OTEsMC44MSAtMS4yMzQsMC44MWMtMC4wMzEsMCAwLjUwMywwLjE4NCAwLjUwMywwLjE4NGMxLjk2MywwLjY0NCA0LjA1NCwxLjAwNCA2LjIzMiwxLjAwNGMyLjE3OCwwIDQuMjY5LC0wLjM2IDYuMjMxLC0xLjAwM2MwLDAgMC41ODEsLTAuMjA0IDAuNTUsLTAuMnoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjAuMDciPjwvcGF0aD48cGF0aCBkPSJNMzYuNzQ0LDIzLjMzNGMwLC0yLjMxIC0wLjc4MiwtNC4yMjYgLTIuMTE3LC01LjcyOGMwLjE0NSwtMC4zMjUgMC4yOTYsLTAuNzYxIDAuMzcxLC0xLjMwOWMwLjE3MiwtMS4yNSAtMC4wMzEsLTIgLTAuMjAzLC0yLjczNGMtMC4xNzIsLTAuNzM0IC0wLjM3NSwtMS4yNSAtMC4zNzUsLTEuMjVjMCwwIC0wLjkyMiwtMC4wOTQgLTEuNzAzLDAuMTcyYy0wLjc4MSwwLjI2NiAtMS40NTMsMC40NjkgLTIuNDIyLDEuMDQ3Yy0wLjQ1MywwLjI3IC0wLjkwOSwwLjU2NiAtMS4yNywwLjgwNmMtMS41NDMsLTAuNDI4IC0zLjI0LC0wLjY0OCAtNS4wMjUsLTAuNjQ4Yy0xLjgwMSwwIC0zLjUxMywwLjIyMSAtNS4wNjcsMC42NTJjLTAuMzYyLC0wLjI0MSAtMC44MjEsLTAuNTM5IC0xLjI3NywtMC44MTFjLTAuOTY5LC0wLjU3OCAtMS42NDEsLTAuNzgxIC0yLjQyMiwtMS4wNDdjLTAuNzgxLC0wLjI2NiAtMS43MDMsLTAuMTcyIC0xLjcwMywtMC4xNzJjMCwwIC0wLjIwMywwLjUxNiAtMC4zNzUsMS4yNWMtMC4xNzIsMC43MzQgLTAuMzc1LDEuNDg0IC0wLjIwMywyLjczNGMwLjA3NywwLjU2MiAwLjIzMywxLjAwNiAwLjM4MiwxLjMzM2MtMS4zMSwxLjQ5MyAtMi4wNzgsMy4zOTcgLTIuMDc4LDUuNzA0YzAsNS45ODMgMy4yMzIsOC43MTQgOS4xMjEsOS40MzVjLTAuNjg3LDAuNzI2IC0xLjE0OCwxLjY1NiAtMS4zMDMsMi42OTFjLTAuMzg3LDAuMTcgLTAuODMzLDAuMzMgLTEuMjYyLDAuMzk0Yy0xLjEwNCwwLjE2NyAtMi4yNzEsMCAtMi44MzMsLTAuMzMzYy0wLjU2MiwtMC4zMzMgLTEuMjI5LC0xLjA4MyAtMS43MjksLTEuODEzYy0wLjQyMiwtMC42MTYgLTEuMDMxLC0xLjMzMSAtMS41ODMsLTEuNTgzYy0wLjcyOSwtMC4zMzMgLTEuNDM4LC0wLjQ1OCAtMS44MzMsLTAuMzk2Yy0wLjM5NiwwLjA2MyAtMC41ODMsMC4zNTQgLTAuNSwwLjU2M2MwLjA4MywwLjIwOCAwLjQ3OSwwLjUyMSAwLjg5NiwwLjc1YzAuNDE3LDAuMjI5IDEuMDYzLDAuODU0IDEuNDM4LDEuNDU4YzAuNDE4LDAuNjc0IDAuNSwxLjA2MyAwLjg1NCwxLjgzM2MwLjI0OSwwLjU0MiAxLjEwMSwxLjIxOSAxLjcwOCwxLjU4M2MwLjUyMSwwLjMxMyAxLjU2MiwwLjQ5MSAyLjY4OCwwLjU0MmMwLjM4OSwwLjAxOCAxLjMwOCwtMC4wOTYgMi4wODMsLTAuMjA2djMuNzVjMCwwLjYzOSAtMC41ODUsMS4xMjUgLTEuMTkxLDEuMDEzYzEuOTQ1LDAuNjU0IDQuMDIyLDAuOTg2IDYuMTg5LDAuOTg2YzIuMTY2LDAgNC4yNDMsLTAuMzMyIDYuMTksLTAuOTg0Yy0wLjYwNSwwLjExMSAtMS4xOSwtMC4zNzUgLTEuMTksLTEuMDE0di01LjgwNGMwLC0xLjMyOSAtMC41MjcsLTIuNTMgLTEuMzczLC0zLjQyNWM1Ljg0NiwtMC43MDIgOS4xMTcsLTMuMzY4IDkuMTE3LC05LjQzOXpNMTEuMjM5LDMyLjcyN2MtMC4xNTQsLTAuMDc5IC0wLjIzNywtMC4yMjUgLTAuMTg1LC0wLjMyOGMwLjA1MiwtMC4xMDMgMC4yMiwtMC4xMjIgMC4zNzQsLTAuMDQzYzAuMTU0LDAuMDc5IDAuMjM3LDAuMjI1IDAuMTg1LDAuMzI4Yy0wLjA1MiwwLjEwMyAtMC4yMiwwLjEyMiAtMC4zNzQsMC4wNDN6TTEyLjQ1MSwzMy40ODJjLTAuMDgxLDAuMDg4IC0wLjI1NSwwLjA2IC0wLjM4OSwtMC4wNjJjLTAuMTM0LC0wLjEyMiAtMC4xNzcsLTAuMjkzIC0wLjA5NiwtMC4zODFjMC4wODEsLTAuMDg4IDAuMjU1LC0wLjA2IDAuMzg5LDAuMDYyYzAuMTM0LDAuMTIyIDAuMTc3LDAuMjkzIDAuMDk2LDAuMzgxek0xMy4yMDUsMzQuNzMyYy0wLjEwMiwwLjA3MiAtMC4yNzUsMC4wMDUgLTAuMzg2LC0wLjE1Yy0wLjExMSwtMC4xNTUgLTAuMTE4LC0wLjM0IC0wLjAxNiwtMC40MTJjMC4xMDIsLTAuMDcyIDAuMjc1LC0wLjAwNSAwLjM4NiwwLjE1YzAuMTEsMC4xNTUgMC4xMTgsMC4zNCAwLjAxNiwwLjQxMnpNMTQuMjg4LDM1LjY3M2MtMC4wNjksMC4xMTIgLTAuMjY1LDAuMTE3IC0wLjQzNywwLjAxMmMtMC4xNzIsLTAuMTA1IC0wLjI1NiwtMC4yODEgLTAuMTg3LC0wLjM5M2MwLjA2OSwtMC4xMTIgMC4yNjUsLTAuMTE3IDAuNDM3LC0wLjAxMmMwLjE3MiwwLjEwNSAwLjI1NiwwLjI4MSAwLjE4NywwLjM5M3pNMTUuMzEyLDM2LjU5NGMtMC4yMTMsLTAuMDI2IC0wLjM3MSwtMC4xNTkgLTAuMzUzLC0wLjI5N2MwLjAxNywtMC4xMzggMC4yMDQsLTAuMjI4IDAuNDE2LC0wLjIwMmMwLjIxMywwLjAyNiAwLjM3MSwwLjE1OSAwLjM1MywwLjI5N2MtMC4wMTcsMC4xMzcgLTAuMjAzLDAuMjI4IC0wLjQxNiwwLjIwMnpNMTYuOTYzLDM2LjgzM2MtMC4yMjcsLTAuMDEzIC0wLjQwNCwtMC4xNDMgLTAuMzk1LC0wLjI4OWMwLjAwOSwtMC4xNDYgMC4yLC0wLjI1NSAwLjQyNywtMC4yNDJjMC4yMjcsMC4wMTMgMC40MDQsMC4xNDMgMC4zOTUsMC4yODljLTAuMDA5LDAuMTQ3IC0wLjIsMC4yNTUgLTAuNDI3LDAuMjQyek0xOC41MjEsMzYuNjc3Yy0wLjI0MiwwIC0wLjQzOCwtMC4xMjYgLTAuNDM4LC0wLjI4MWMwLC0wLjE1NSAwLjE5NiwtMC4yODEgMC40MzgsLTAuMjgxYzAuMjQyLDAgMC40MzgsMC4xMjYgMC40MzgsMC4yODFjMCwwLjE1NSAtMC4xOTcsMC4yODEgLTAuNDM4LDAuMjgxeiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvZz48L2c+Cjwvc3ZnPg==') 50% 50% no-repeat;
  background-size: 100%;
}

.icons8-linkedin {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAsMCwyNTYsMjU2IgpzdHlsZT0iZmlsbDojMDAwMDAwOyI+CjxnIGZpbGw9IiMzZTdjYjEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1kYXNoYXJyYXk9IiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjAiIGZvbnQtZmFtaWx5PSJub25lIiBmb250LXdlaWdodD0ibm9uZSIgZm9udC1zaXplPSJub25lIiB0ZXh0LWFuY2hvcj0ibm9uZSIgc3R5bGU9Im1peC1ibGVuZC1tb2RlOiBub3JtYWwiPjxnIHRyYW5zZm9ybT0ic2NhbGUoNS4xMiw1LjEyKSI+PHBhdGggZD0iTTksNGMtMi43NDk1MiwwIC01LDIuMjUwNDggLTUsNXYzMmMwLDIuNzQ5NTIgMi4yNTA0OCw1IDUsNWgzMmMyLjc0OTUyLDAgNSwtMi4yNTA0OCA1LC01di0zMmMwLC0yLjc0OTUyIC0yLjI1MDQ4LC01IC01LC01ek05LDZoMzJjMS42Njg0OCwwIDMsMS4zMzE1MiAzLDN2MzJjMCwxLjY2ODQ4IC0xLjMzMTUyLDMgLTMsM2gtMzJjLTEuNjY4NDgsMCAtMywtMS4zMzE1MiAtMywtM3YtMzJjMCwtMS42Njg0OCAxLjMzMTUyLC0zIDMsLTN6TTE0LDExLjAxMTcyYy0xLjA5NTIyLDAgLTIuMDgwNzgsMC4zMjczNiAtMi44MTA1NSwwLjk0MTQxYy0wLjcyOTc3LDAuNjE0MDUgLTEuMTc3NzMsMS41MzEzOSAtMS4xNzc3MywyLjUxMzY3YzAsMS44NjcxOCAxLjYxOTU3LDMuMzIyODEgMy42Nzk2OSwzLjQ2NjhjMC4wMDEzLDAuMDAwNjUgMC4wMDI2LDAuMDAxMyAwLjAwMzkxLDAuMDAxOTVjMC4wOTgxNywwLjAzMzQ2IDAuMjAwOTksMC4wNTEyNiAwLjMwNDY5LDAuMDUyNzNjMi4yNzMwMSwwIDMuOTg4MjgsLTEuNTkyMiAzLjk4ODI4LC0zLjUyMTQ4Yy0wLjAwMDE4LC0wLjAxNzU5IC0wLjAwMDgzLC0wLjAzNTE4IC0wLjAwMTk1LC0wLjA1Mjc0Yy0wLjEwMTc1LC0xLjkwMDIzIC0xLjc5NTg5LC0zLjQwMjM0IC0zLjk4NjMzLC0zLjQwMjM0ek0xNCwxMi45ODgyOGMxLjM5MjIzLDAgMS45NDE5NywwLjYyMTc2IDIuMDAxOTUsMS41MDM5MWMtMC4wMTIxNSwwLjg1NjI1IC0wLjU0MTg2LDEuNTE5NTMgLTIuMDAxOTUsMS41MTk1M2MtMS4zODU0MSwwIC0yLjAxMTcyLC0wLjcwOTQ5IC0yLjAxMTcyLC0xLjU0NDkyYzAsLTAuNDE3NzEgMC4xNTI0MiwtMC43MzI1IDAuNDcyNjYsLTEuMDAxOTVjMC4zMjAyMywtMC4yNjk0NSAwLjgzNDI4LC0wLjQ3NjU2IDEuNTM5MDYsLTAuNDc2NTZ6TTExLDE5Yy0wLjU1MjI2LDAuMDAwMDYgLTAuOTk5OTQsMC40NDc3NCAtMSwxdjE5YzAuMDAwMDYsMC41NTIyNiAwLjQ0Nzc0LDAuOTk5OTQgMSwxaDZjMC41NTIyNiwtMC4wMDAwNiAwLjk5OTk0LC0wLjQ0Nzc0IDEsLTF2LTUuODY1MjN2LTEzLjEzNDc3Yy0wLjAwMDA2LC0wLjU1MjI2IC0wLjQ0Nzc0LC0wLjk5OTk0IC0xLC0xek0yMCwxOWMtMC41NTIyNiwwLjAwMDA2IC0wLjk5OTk0LDAuNDQ3NzQgLTEsMXYxOWMwLjAwMDA2LDAuNTUyMjYgMC40NDc3NCwwLjk5OTk0IDEsMWg2YzAuNTUyMjYsLTAuMDAwMDYgMC45OTk5NCwtMC40NDc3NCAxLC0xdi0xMGMwLC0wLjgyOTY3IDAuMjI2MzksLTEuNjU0OTcgMC42MjUsLTIuMTk1MzFjMC4zOTg2MSwtMC41NDAzNSAwLjkwMTQ3LC0wLjg2NDYzIDEuODU3NDIsLTAuODQ3NjZjMC45ODU3NCwwLjAxNjk1IDEuNTA3NTgsMC4zNTQ2NCAxLjkwMjM0LDAuODg0NzdjMC4zOTQ3NywwLjUzMDEzIDAuNjE1MjMsMS4zMjQ4NyAwLjYxNTIzLDIuMTU4MnYxMGMwLjAwMDA2LDAuNTUyMjYgMC40NDc3NCwwLjk5OTk0IDEsMWg2YzAuNTUyMjYsLTAuMDAwMDYgMC45OTk5NCwtMC40NDc3NCAxLC0xdi0xMC43MzgyOGMwLC0yLjk2MTU0IC0wLjg3NzIxLC01LjMwNzM5IC0yLjM4MDg2LC02Ljg5NDUzYy0xLjUwMzY1LC0xLjU4NzE0IC0zLjU5NDk3LC0yLjM2NzE5IC01LjgwNjY0LC0yLjM2NzE5Yy0yLjEwMjAyLDAgLTMuNzAxNjUsMC43MDQ4OSAtNC44MTI1LDEuNDIzODN2LTAuNDIzODNjLTAuMDAwMDYsLTAuNTUyMjYgLTAuNDQ3NzQsLTAuOTk5OTQgLTEsLTF6TTEyLDIxaDR2MTIuMTM0Nzd2NC44NjUyM2gtNHpNMjEsMjFoNHYxLjU2MDU1YzAuMDAwMTMsMC40MyAwLjI3NTExLDAuODExNzkgMC42ODI5MSwwLjk0ODE3YzAuNDA3ODEsMC4xMzYzOCAwLjg1NzE0LC0wLjAwMzE5IDEuMTE1OTEsLTAuMzQ2NjFjMCwwIDEuNTcwMzcsLTIuMTYyMTEgNS4wMTM2NywtMi4xNjIxMWMxLjc1MzMzLDAgMy4yNTY4NywwLjU4MjU4IDQuMzU1NDcsMS43NDIxOWMxLjA5ODYsMS4xNTk2MSAxLjgzMjAzLDIuOTQ2MDcgMS44MzIwMyw1LjUxOTUzdjkuNzM4MjhoLTR2LTljMCwtMS4xNjY2NyAtMC4yNzk1MywtMi4zNzI4OSAtMS4wMDk3NywtMy4zNTM1MmMtMC43MzAyMywtMC45ODA2MiAtMS45NTg0LC0xLjY2MzQxIC0zLjQ3MjY2LC0xLjY4OTQ1Yy0xLjUyMjA0LC0wLjAyNzAzIC0yLjc3MDA2LDAuNjY5OTYgLTMuNTAxOTUsMS42NjIxMWMtMC43MzE4OSwwLjk5MjE1IC0xLjAxNTYyLDIuMjEwNTMgLTEuMDE1NjIsMy4zODA4NnY5aC00eiI+PC9wYXRoPjwvZz48L2c+Cjwvc3ZnPg==') 50% 50% no-repeat;
  background-size: 100%;
}