Add game title and update layout styles
Adjust UI visuals: change page background to #FFF6E5, increase main container border-radius from 10px to 150px, and soften toolbox corners (5px → 15px). Add a new .game-title CSS rule (responsive font-size, weight, color, letter-spacing, centered) and insert an <h1 class="game-title">Mirror Game</h1> into the game template. These are visual polish changes only; no gameplay logic was modified.
This commit is contained in:
@@ -12,7 +12,7 @@ body {
|
||||
}
|
||||
|
||||
body {
|
||||
background: #f7f7f7;
|
||||
background: #FFF6E5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -26,7 +26,7 @@ main {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
border-radius: 150px;
|
||||
min-width: fit-content;
|
||||
flex-shrink: 0;
|
||||
gap: 16px;
|
||||
@@ -36,6 +36,14 @@ main {
|
||||
width: min(96vw, 1200px);
|
||||
}
|
||||
|
||||
.game-title {
|
||||
font-size: clamp(2rem, 4vw, 3rem);
|
||||
font-weight: 700;
|
||||
color: #223;
|
||||
letter-spacing: 0.04em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.toolbox {
|
||||
width: 100%;
|
||||
background: #dfe5f8;
|
||||
@@ -66,7 +74,7 @@ main {
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
background: #dadeef;
|
||||
border-radius: 5px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.lign {
|
||||
|
||||
Reference in New Issue
Block a user