body { background-color: #fee440; font-size: 22px; font-family: sans-serif; } div { position: relative; max-width: 420px; margin: auto; margin-top: 32px; } svg { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } a.badge { text-decoration: none; color: black; background: white; display: block; border-radius: 2rem; padding: 1rem 1.5rem; margin-top: 12px; } a.badge:hover { text-decoration: none !important; box-shadow: 2px 4px 0 black; } a.badge i { font-size: 66%; color: gray; float: left; margin-top: 5px; margin-right: 0.5rem; } a.badge span { font-size: 66%; color: gray; float: right; margin-top: 5px; font-family: monospace; } a.badge img { display: inline-block; height: 1rem; margin: 0 0 -0.1em 0.3em; } a:not(.badge) { color: black; text-decoration: dotted underline; } a:not(.badge):hover { color: white; } p { text-align: center; font-size: 16px; margin: 2rem 0; } p.name { font-family: monospace; color: white; font-weight: 900; display: block; font-size: 42px; line-height: 0.85; letter-spacing: 0.85; margin: 2rem 0; }
@keyframes rotate { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .out-top { animation: rotate 20s linear infinite; transform-origin: 13px 25px; } .in-top { animation: rotate 10s linear infinite; transform-origin: 13px 25px; } .out-bottom { animation: rotate 25s linear infinite; transform-origin: 84px 93px; } .in-bottom { animation: rotate 15s linear infinite; transform-origin: 84px 93px; }
MI
SJ
Personal
michaelsjoberg.com
Hackerman.AI
hackerman.ai
Frozenfork
frozenfork.com
X
mxsjoberg
Instagram
mxsjoberg
Email
mxsjoberg@proton.me
Self-hosted links page in plain HTML and CSS by
Frozenfork
. Buy this template
here
.