Sitio web de Orange Black

1,869 Anes_unk

Remix Abrir en el editor Pantalla completa Comentar Publica tu código

Recomendado

21 March 2026

Ramo de flores animado con CSS

16 August 2024

Tienda de tokens de Discord

25 November 2025

Cultivar un jardín

HTML

CSS

{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #000;
    color: #e0e0e0;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}

header {
    background-color: #0a0a0a;
    padding: 20px 50px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.9);
}

header h1 {
    color: #ff6f61;
    font-size: 2.5em;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 2px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ff6f61;
}

nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-top: 15px;
}

nav ul li {
    display: inline-block;
    margin: 0 15px;
}

nav ul li a {
    color: #e0e0e0;
    text-decoration: none;
    font-size: 1.1em;
    padding: 8px 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

nav ul li a:hover {
    background-color: #ff6f61;
    color: #fff;
    box-shadow: 0 0 15px rgba(255, 111, 97, 0.8);
}

footer {
    background-color: #0a0a0a;
    text-align: center;
    padding: 20px 20px;
    margin-top: 50px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.9);
}

footer p {
    color: #e0e0e0;
    font-size: 1em;
}

@media (max-width: 768px) {
    header h1 {
        font-size: 2.2em;
    }

nav ul li {
        display: block;
        margin: 10px 0;
    }
}