Shadows/glow

These can be used on any element:

Soft glow:

.element{

box-shadow: 0px 0px 5px 3px INSERT COLOUR

}

Larger glow:

.element{

box-shadow: 0px 0px 9px 7px INSERT COLOUR

}

3D box shadow:

.element{

box-shadow: calc((400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) 

INSERT COLOUR

}

Text glow:

main p{ 

text-shadow: 2px 2px 3px white, 0 0 25px white 0 0 5px white !important

}

/*REPLACE THE WHITE WITH THE COLOUR OF YOUR TEXT TO MAKE IT LOOK LIKE ITS GLOWING*/

Shadow settings: INSET

.element{

box-shadow: INSET 0px 0px 5px 3px INSERT COLOUR;

}

/*THIS MAKES THE SHADOW GO INWARDS*/

EXAMPLE:

.element{

box-shadow: -2px -2px 10px rgba(0,0,0,.25) inset, 2px 2px 10px rgba(0,0,0,0.5) inset
-webkit-filter: drop-shadow(0px 0px 7px #000);

/*THIS MAKES THINGS LOOK 3D*/

Drop Shadow:

.element{

-webkit-filter: drop-shadow(0px 0px 7px #000);

}