为什么我的背景图像不能充满整个屏幕（底部）？

Question

我一直在尝试为页面创建自己的CSS类和样式，但遇到了问题。当我尝试模糊应该是“背景”的图像时，顶部，左侧和右侧都有边框。我不确定哪里出错了，但是我已经将样式和HTML附加到了Codepen（因为它太大了，不能放在这里）。如何删除所有侧面的边框并使模糊的图像整个页面整齐？当前的CSS在下面。谢谢！ Codepen

.customCenterAlign {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body {
    background-color: black
    margin: -5px;
    padding: -5px;
}

.background {
    /* The image used */
    background-image: url("https://conceptdraw.com/a1715c3/p25/preview/640/pict--question-mark-marketing-vector-stencils-library.png");

    /* Add the blur effect */
    filter: blur(8px);
    -webkit-filter: blur(8px);

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;

    padding: 0;
    border-spacing: 0;
    border: 0;
    margin: 0;
}


.albumArtwork {
    border-radius: 25px;
}

body,
html {
    height: 100%;
    overflow: hidden;
}