body        {background-color: black;color: white;text-align: center;font-size: 2.5vmin;}
h1          {font-size: 6vmin;}
img         {width: min(35vmin, 100%); height: auto; border-radius:50%;}
button      {padding: 0px 3px; font-size: 15px; font-weight:bold; margin: 20px 20px; position:absolute; top:0; right:0;background: none; color: currentColor; border: 0; box-shadow: none;cursor: pointer;}
svg         {margin: 0;width: 40px;height: 40px; fill: currentColor; border-radius: 35px; padding: 15px; outline-color: currentColor;outline-style: dashed;}
.light-mode  {background-color: white;color: black;}
a:visited   {color: grey;}
a:link      {color: currentColor;}
.social-links-container a {position: relative; display: inline-grid; margin: 0 5px;}
.social-links-container a::after {content: ""; position: absolute; inset: 0; border-radius: 50%; pointer-events: none;}
.social-links-container a:hover svg {outline-color: transparent;}
.social-links-container a:hover::after {background: conic-gradient(lime 0 70deg,transparent 70deg); -webkit-mask: radial-gradient(farthest-side,transparent 86%,#000 0); mask: radial-gradient(farthest-side,transparent 86%,#000 0); animation: spin 2s linear infinite;}
.social-links-container div {margin: 10px 0px;}
@keyframes spin {to {transform: rotate(360deg);}}

@media (max-width: 767px) {
    .social-links-container {width: 85%;margin: auto;}
    .social-links-container div {margin: 5px 0px;}
    svg {width: 15px;height: 15px;padding: 5px}
}