ProgressSlider affects global html,body tags

[OneOneFour]

Inside of the ProgressSlider component there is styling which is applied to the body and html tags to turn them into centered flex boxes. This has two issues, firstly aims to conflict with the styles set out in the layouts and secondly because the progressslider styles are inside a scoped slot they don't actually get applied anywhere at all because a vue instance can only control up to the div in which it is mounted in. Now although this seems fine, it is slightly misleading code and thus should be fixed by someone.