.icons8-expand-arrow { 
display: inline-block;
width: 50px;
height: 50px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCI+CjxwYXRoIGQ9Ik0gNC44NDM3NSAxMi45MDYyNSBMIDIuNzUgMTUgTCAyNSAzNy4yNSBMIDQ3LjI1IDE1IEwgNDUuMTU2MjUgMTIuOTA2MjUgTCAyNSAzMy4wNjI1IFoiPjwvcGF0aD4KPC9zdmc+') 50% 50% no-repeat;
background-size: 100%; 
}

#nav-btn:hover #nav-tooltip {
  opacity: 1;
  transition: ease-in-out 1s;
}

.icons8-gitlab { 
display: inline-block;
width: 48px;
height: 48px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CjxwYXRoIGZpbGw9IiNlNTM5MzUiIGQ9Ik0yNCA0M0wxNiAyMCAzMiAyMHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmY3MDQzIiBkPSJNMjQgNDNMNDIgMjAgMzIgMjB6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2U1MzkzNSIgZD0iTTM3IDVMNDIgMjAgMzIgMjB6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmYTcyNiIgZD0iTTI0IDQzTDQyIDIwIDQ1IDI4eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZjcwNDMiIGQ9Ik0yNCA0M0w2IDIwIDE2IDIweiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNlNTM5MzUiIGQ9Ik0xMSA1TDYgMjAgMTYgMjB6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmYTcyNiIgZD0iTTI0IDQzTDYgMjAgMyAyOHoiPjwvcGF0aD4KPC9zdmc+') 50% 50% no-repeat;
background-size: 100%; }

.icons8-linkedin { 
display: inline-block;
width: 48px;
height: 48px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CjxwYXRoIGZpbGw9IiMwMjg4RDEiIGQ9Ik00MiwzN2MwLDIuNzYyLTIuMjM4LDUtNSw1SDExYy0yLjc2MSwwLTUtMi4yMzgtNS01VjExYzAtMi43NjIsMi4yMzktNSw1LTVoMjZjMi43NjIsMCw1LDIuMjM4LDUsNVYzN3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTIgMTlIMTdWMzZIMTJ6TTE0LjQ4NSAxN2gtLjAyOEMxMi45NjUgMTcgMTIgMTUuODg4IDEyIDE0LjQ5OSAxMiAxMy4wOCAxMi45OTUgMTIgMTQuNTE0IDEyYzEuNTIxIDAgMi40NTggMS4wOCAyLjQ4NiAyLjQ5OUMxNyAxNS44ODcgMTYuMDM1IDE3IDE0LjQ4NSAxN3pNMzYgMzZoLTV2LTkuMDk5YzAtMi4xOTgtMS4yMjUtMy42OTgtMy4xOTItMy42OTgtMS41MDEgMC0yLjMxMyAxLjAxMi0yLjcwNyAxLjk5QzI0Ljk1NyAyNS41NDMgMjUgMjYuNTExIDI1IDI3djloLTVWMTloNXYyLjYxNkMyNS43MjEgMjAuNSAyNi44NSAxOSAyOS43MzggMTljMy41NzggMCA2LjI2MSAyLjI1IDYuMjYxIDcuMjc0TDM2IDM2IDM2IDM2eiI+PC9wYXRoPgo8L3N2Zz4=') 50% 50% no-repeat;
background-size: 100%; }