Something went wrong. Try again.
google balls
Something went wrong. Try again.
1.4 kB · 107 lines
CSS
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107* { margin: 0; padding: 0;}
html, body { height: 100%; overflow: hidden;}
body { color: #ccc; font-family: Helvetica Neue, Verdana, sans-serif; font-size: 20px;}
p { line-height: 1.5em; list-style: none;}a, a:visited { color: #56bff6; text-decoration: none;}
p, a:hover { border-bottom: 1px solid #56bff6;}
a { position: absolute; top: 4px; left: 4px; font-size: 12px; color: #ccc; text-decoration: none;}
a + a { left: auto; right: 4px;}
.controls { position: absolute; top: 4px; left: 50%; transform: translateX(-50%); font-size: 12px; color: #ccc; display: flex; gap: 15px;}
.controls label { cursor: pointer; user-select: none;}
.controls input[type="checkbox"] { cursor: pointer;}
body.dark-bg { background: #1a1a1a;}
body.original-mode { overflow: hidden;}
body.original-mode #c { display: none;}
canvas, section { display: block;}
#c { position: absolute;}
#original-container { display: none; position: absolute; width: 366px; height: 140px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
body.original-mode #original-container { display: block;}
.original-circle { border-radius: 50%; position: absolute;}
#attribution { bottom: 40px; position: absolute; right: 40px;}