CoolFace
Apppublic

arthurformat/racer-rush-thunderbolt

sourceHugging Faceupdated 11mo agoView on Hugging Face
0likes
style.css85 linesDownload Raw Back to root
1@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Roboto:wght@300;400;500;700&display=swap');2 3* {4    margin: 0;5    padding: 0;6    box-sizing: border-box;7}8 9body {10    font-family: 'Roboto', sans-serif;11}12 13.game-container {14    border: 3px solid #3b82f6;15    box-shadow: 0 0 30px rgba(59, 130, 246, 0.3);16}17 18#gameCanvas {19    background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #1e293b 100%);20    display: block;21}22 23.road-lines {24    background: repeating-linear-gradient(25        to bottom,26        transparent,27        transparent 20px,28        #facc15 20px,29        #facc15 40px30    );31}32 33@keyframes roadMove {34    0% { background-position: 0 0; }35    100% { background-position: 0 40px; }36}37 38.road-moving {39    animation: roadMove 0.5s linear infinite;40}41 42.game-stats {43    backdrop-filter: blur(10px);44    border: 1px solid rgba(59, 130, 246, 0.3);45}46 47#restartBtn {48    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);49    transition: all 0.3s ease;50}51 52#restartBtn:hover {53    transform: translateY(-2px);54    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.6);55}56 57h1 {58    font-family: 'Orbitron', monospace;59    background: linear-gradient(45deg, #60a5fa, #3b82f6, #2563eb);60    -webkit-background-clip: text;61    -webkit-text-fill-color: transparent;62    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));63}64 65@media (max-width: 768px) {66    .game-container {67        margin: 0 1rem;68    }69    70    #gameCanvas {71        height: 400px;72    }73    74    h1 {75        font-size: 2.5rem !important;76    }77}78 79.obstacle-shadow {80    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));81}82 83.car-glow {84    filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.7));85}