Scribd
Upload
10 views2 pages

Styles Css

The document is a CSS stylesheet for a game interface, featuring a dark theme with white text. It includes styles for the body, game container, title, game board, cells, reset button, and status display. The design emphasizes a centered layout with hover effects for interactive elements.

Uploaded by

boondock.aj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
10 views2 pages

Styles Css

The document is a CSS stylesheet for a game interface, featuring a dark theme with white text. It includes styles for the body, game container, title, game board, cells, reset button, and status display. The design emphasizes a centered layout with hover effects for interactive elements.

Uploaded by

boondock.aj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

/* styles.

css */
body {
font-family: Arial, sans-serif;
background-color: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

.game-container {
text-align: center;
border: 2px solid #fff;
padding: 20px;
border-radius: 10px;
}

.title {
font-size: 2rem;
margin-bottom: 20px;
}

.board {
display: flex;
flex-direction: column;
justify-content: center;
}

.row {
display: flex;
justify-content: center;
}

.cell {
width: 100px;
height: 100px;
margin: 5px;
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
border: 1px solid #fff;
background-color: #333;
cursor: pointer;
transition: background-color 0.3s;
}

.cell:hover {
background-color: #555;
}

.reset-btn {
margin-top: 20px;
padding: 10px;
font-size: arial;
background-color: #444;
border: none;
color: #fff;
cursor: pointer;
}

.reset-btn:hover {
background-color: #666;
}

.status {
margin-top: 10px;
font-size: 1.2rem;
color: #fff;
}

You might also like