.dark{
background:#0e0e0e;
color:white;
}

.dark header{
    background-color: transparent;
}

.dark nav{
    background-color: transparent;
}

.dark nav a:hover,.dark nav button:hover{
background:#4949498f;;
}

.dark .hero{
    background:url("../imagens/hogwarts_dark.jpg") center/cover;
    color: #f4f4f4;
}

.hero p, .hero h2{
    background-color: #4949498f;
    font-weight: bolder;
}

.dark .card{
    background:#1b1b1b;
}

.dark .modal-conteudo{

background:#1b1b1b;
}

.dark footer{
    background-color: transparent;
}

.dark #particles{

background:radial-gradient(circle,#1a1a1a,#000);

}