**style.css**
```css
body {
margin: 0;
background-color: #0b0c1b; /* ciemniejsze tło */
color: #fff;
font-family: 'Arial', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
h1 {
color: #d62828; /* czerwony akcent */
margin-top: 20px;
text-shadow: 2px 2px #000;
}
.container {
display: flex;
gap: 20px;
margin: 40px;
flex-wrap: wrap;
justify-content: center;
}
.tile {
background-color: #1d1f33;
border: 2px solid #d62828;
border-radius: 16px;
padding: 20px;
width: 220px;
height: auto;
text-align: center;
transition: 0.3s ease;
cursor: pointer;
text-decoration: none;
color: white;
font-weight: bold;
box-shadow: 6px 6px 12px rgba(0,0,0,0.6);
}
.tile:hover {
background-color: #d62828;
color: #fff;
transform: scale(1.05);
}
.spiderman-gif {
margin-top: 40px;
max-width: 90vw;
height: auto;
border-radius: 12px;
box-shadow: 0px 0px 25px #d62828;
border: 3px solid #d62828;
}
```
**index.html**
```html
BigTeeVerse
BigTeeVerse
```