✿ paperlilac.exe ✿

hi, i’m lilac!

welcome to my tiny corner of the early internet ☁️

“surfing the soft web since 2003”

sparkle gif fairy gif cursor sparkle gif @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap'); body { background: linear-gradient(180deg, #c3f0ff 0%, #f9e7ff 100%); font-family: 'Comic Neue', cursive; color: #00334d; overflow: hidden; height: 100vh; } .stars { background: url('https://i.imgur.com/5YMRZQZ.gif') repeat; position: fixed; inset: 0; opacity: 0.4; z-index: 0; } .window { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 420px; background: rgba(255, 255, 255, 0.75); border-radius: 15px; border: 2px solid #c6e5ff; box-shadow: 0 4px 20px rgba(0,0,0,0.2); z-index: 1; animation: floaty 5s ease-in-out infinite; } .window-header { background: linear-gradient(180deg, #8fd0ff 0%, #c8e9ff 100%); padding: 6px 10px; border-radius: 13px 13px 0 0; display: flex; align-items: center; gap: 6px; font-size: 0.9em; box-shadow: inset 0 2px 2px white; } .dot { width: 10px; height: 10px; border-radius: 50%; } .red { background: #ff6961; } .yellow { background: #fef47b; } .green { background: #7dffb2; } .window-content { padding: 20px; text-align: center; } button { background: linear-gradient(180deg, #b3e0ff 0%, #85ccff 100%); border: 2px solid #5cb3ff; border-radius: 12px; padding: 8px 16px; margin: 5px; font-weight: bold; color: #003366; box-shadow: inset 0 2px 3px white, 0 3px 6px rgba(0,0,0,0.15); cursor: pointer; transition: all 0.2s; } button:hover { background: linear-gradient(180deg, #85ccff 0%, #b3e0ff 100%); transform: translateY(-2px); } .gif { position: absolute; z-index: 2; pointer-events: none; } .sparkle { top: 20px; left: 40px; width: 80px; } .fairy { bottom: 30px; right: 40px; width: 100px; } .cursor { bottom: 60px; left: 60px; width: 60px; } footer { position: fixed; bottom: 5px; width: 100%; text-align: center; font-size: 0.8em; color: #004466; z-index: 10; } @keyframes floaty { 0%, 100% { transform: translate(-50%, -50%) rotate(-1deg); } 50% { transform: translate(-50%, -48%) rotate(1deg); } }