douwe
c5dca7bb54
- Added responsive grid of game cards with dark-teal background - Each card has: rounded gray image placeholder, white title, gray description, orange year badge - Click to expand: shows full description + centered play button - Play button opens game in new window - Flat minimal design consistent with portfolio style - Created placeholder images for 6 games
41 lines
899 B
CSS
41 lines
899 B
CSS
@font-face {
|
|
font-family: 'Righteous';
|
|
src: url('/assets/fonts/Righteous-Regular.ttf') format('truetype');
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Montserrat';
|
|
src: url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Montserrat';
|
|
src: url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');
|
|
font-weight: bold;
|
|
font-display: swap;
|
|
}
|
|
|
|
:root {
|
|
--background-clr: #283e3e;
|
|
--background-accent-clr: #324f4f;
|
|
--blue-clr: #47bcdf;
|
|
--green-clr: #6ede9a;
|
|
--white-clr: #ffffff;
|
|
--card-border-radius: 25px;
|
|
--dark-green: #1a3d2e;
|
|
--dark-teal: #2c5f5f;
|
|
--orange-clr: #f39c12;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Montserrat', sans-serif;
|
|
background-color: var(--background-clr);
|
|
color: var(--white-clr);
|
|
}
|
|
|
|
.title {
|
|
font-family: 'Righteous', sans-serif;
|
|
}
|