ring-runner-odyssey / style.css
dannyboy84's picture
Make a game the ball has to go out 100 rings but they little holes in it a ring out side a ring
f58a769 verified
raw
history blame contribute delete
818 Bytes
/* Custom styles */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
overflow-x: hidden;
}
/* Game canvas styling */
canvas {
display: block;
background: radial-gradient(circle, rgba(56, 43, 107, 0.8) 0%, rgba(25, 18, 56, 0.9) 100%);
}
/* Responsive canvas */
@media (max-width: 768px) {
canvas {
height: 300px !important;
}
}
/* Button animations */
button {
transition: all 0.3s ease;
}
button:active {
transform: scale(0.95);
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
background: rgba(156, 163, 175, 0.5);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(156, 163, 175, 0.7);
}