Ajuda HTML CSS

[protas]

Boas,


estou a desenvolver a seguinte página e queria dar-lhe o efeito de sobra à volta.

Não sei porquê, já fiz inúmeras tentativas com abordagens diferentes, mas fico sempra com uma linha de sombra sobre o que na realidade pretendo.

Penso que o HTML pode ser visto diretamente na página, no ficheiro style.css tenho ainda:


.sombra{
-webkit-box-shadow: 10px 10px 5px 5px rgba(0, 0, 3, .4);
box-shadow: 10px 10px 5px 5px rgba(0, 0, 3, .4);
}


Comecei HTML há poucos dias, portanto peço desculpa se parecer um noob, o meu forte é C e python


Obrigado

 

[protas]

Já consegui resolver, após muitas tentativas, solução:

<div style="position:absolute; left:50%; margin-left: -468px; top:50%; margin-top: -319px; width:383px; height:638px;">
<div class="sombra"></div>
</div>

e o CSS:


.sombra{
-webkit-box-shadow: 277px 300px 20px 280px rgba(0, 0, 3, .4);
box-shadow: 277px 300px 20px 280px rgba(0, 0, 3, .4);
}