Solucionado
Buenas noches a todos el problema que tuve fue que no me dejaban hacer los tres tipos de sombra como en el video. box-shadow: 10px 10px 30px 15px #000000, -10px -10px yellow, -15px 10px rgba(50, 50, 50, 0.3 ); me borraba incluso la primer sombra. ¿Sabran cual es la razón de esto? saludos y gracias de antemano
Revisar muy bien la ortografia del codigo muchas veces puede pasar que por algun caracter, punto o espacio demas no completa el codigo de manera correcta
Comprobé el estilos CSS que compartiste y en mi archivo style funciona bien, se te ha de haber cambiado el nombre de la clase en el html o en la especificación de la clase en el archivo style, o sino se te carga ningún nuevo estilo que estés agregando deberías borrar el caché del navegador y volver a cargar la página.