Files
BreakEscape/public/break_escape/css/title-screen.css
Z. Cliffe Schreuders ea70cf4297 refactor: Move game files to public/break_escape/
- Move js/ to public/break_escape/js/
- Move css/ to public/break_escape/css/
- Move assets/ to public/break_escape/assets/
- Preserve git history with mv command
- Keep index.html.reference for reference
2025-11-21 15:27:53 +00:00

57 lines
1.1 KiB
CSS

/* Title Screen Minigame Styles */
.title-screen-container {
width: 100%;
height: 100%;
background: transparent;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 40px;
color: #fff;
font-family: 'Press Start 2P', monospace;
}
.title-screen-title {
font-size: 38px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
/* color: #00ff00; */
animation: pulse 2s ease-in-out infinite;
margin: 0;
padding: 0;
}
.title-screen-logo {
/* max-width: 300px; */
/* max-height: 300px; */
width: 300px;
/* height: auto; */
/* margin-bottom: 20px; */
filter: drop-shadow(0 0 20px rgba(126, 18, 214, 0.3));
}
.title-screen-subtitle {
font-size: 18px;
letter-spacing: 2px;
text-align: center;
color: #888;
margin: 0;
padding: 0;
opacity: 0.8;
}
.title-screen-loading {
font-size: 14px;
letter-spacing: 1px;
text-align: center;
color: #666;
margin: 0;
padding: 0;
animation: loading-dots 1.5s steps(4, end) infinite;
}