MINECRAFT | PS5



.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: rgba(0, 0, 0, 0.7);
box-shadow: 0 0 20px rgba(105, 190, 216, 0.5);
background-image: url('https://old.mobilezone.com.py/image/catalog/Imagenes-Site/Vapers/Ignite/Fotos/minecraft-selva_1220x2160_xtrafondos.com.jpg?_t=1733833422');
background-size: countain;
background-position: center;
background-attachment: fixed;
border-radius: 50px;
}

.header {
text-align: center;
margin-bottom: 40px;
animation: pulse 2s infinite;
}

.header h1 {
font-size: 4em;
color: #00c3d1;
text-shadow: 0 0 10px #f3f7f3, 0 0 20px #bac5b8, 0 0 30px #c4cac4;
letter-spacing: 3px;
}

.content {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}

.image-container {
width: 100%;
max-width: 600px;
animation: float 6s ease-in-out infinite;
}

.image-container img {
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease-in-out;
}

.image-container img:hover {
transform: scale(1.05) rotate(2deg);
}

.video-container {
width: 100%;
max-width: 600px;
animation: float 6s ease-in-out infinite reverse;
}

.video-container iframe {
width: 100%;
height: 315px;
border: none;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}

@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
100% { transform: translateY(0px); }
}

@media (max-width: 768px) {
.header h1 {
font-size: 3em;
}
.image-container, .video-container {
max-width: 100%;
}
}

@font-face {
font-family: 'Minecraft';
src: url('https://cdn.jsdelivr.net/gh/South-Paw/typeface-minecraft@master/font/minecraft.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/South-Paw/typeface-minecraft@master/font/minecraft.woff') format('woff');
font-weight: normal;
font-style: normal;
}