h1, h2, h3 {
    color: white;
}

li, a, p {
    color: white;
}

img, video {
    background-color: black;
}

html {
    background-color: black;
}

body::before {
    background: linear-gradient(60deg, rgb(10, 0, 0), rgb(20, 0, 0));
}

header {
    background-color: darkred;
    background: linear-gradient(rgb(172, 5, 5), rgb(116, 2, 2));
}

header h1 {
    text-shadow: 0 0 10px hsl(0, 0%, 0%, 50%);
}

nav {
    background-color: hsl(0, 0%, 11%);
    box-shadow: 0 6px 6px hsl(0, 0%, 0%, 20%);
}

nav a:hover {
    color: gold;
}

.carrousel {
    color: white;
    background: rgb(95, 0, 0);
    box-shadow: rgba(0,0,0, 0.50) 0 0 12px;
}

.carrousel:hover {
    background: darkred;
}

section {
    background: linear-gradient(45deg, hsl(0, 75%, 66%, 8%), hsl(0, 75%, 66%, 10%));
    box-shadow: 0 0 15px hsl(0, 0%, 0%, 10%);
}

#ban img:hover {
    filter: brightness(1.07);
    box-shadow: 0 0 10px hsl(0, 0%, 66%, 40%);
}

#posts video {
    background: linear-gradient(45deg, hsl(0, 0%, 3%), hsl(0, 0%, 11%));
    box-shadow: 0 0 8px hsl(0, 0%, 0%, 35%);
}

#posts video:hover {
    box-shadow: 0 0 8px hsl(0, 0%, 50%, 50%);
}

#webpages button {
    background: linear-gradient(hsl(0, 100%, 26%), hsl(0, 100%, 21%)); 
}

#webpages button:hover {
    background: linear-gradient(hsl(0, 100%, 30%), hsl(0, 100%, 24%)); 
    box-shadow: 0 0 10px hsl(0, 0%, 100%, 20%);
}

#gohead {
    background: rgb(95, 0, 0);
    box-shadow: rgba(0,0,0, 0.50) 0 0 12px;
}

#gohead:hover {
    background: darkred;
}

#gohead p {
    color: white;
}

footer {
    background-color: darkred;
    background: linear-gradient(rgb(172, 5, 5), rgb(116, 2, 2));
    box-shadow: 0 0 15px hsl(0, 0%, 0%, 50%);
}

footer h1 {
    text-shadow: 0 0 10px hsl(0, 0%, 0%, 50%);
}