body {
    background-color: rgb(245, 245, 245);
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 50px;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/static/image/background.webp");
    background-position: center center;
    background-size: cover;
    opacity: 0.1;
    z-index: -1;
    filter: brightness(0.5);
    animation: bg_display_animation ease 2s 0s 1;
}

@keyframes bg_display_animation {
    from {
        opacity: 0
    }
    to {
        opacity: 0.1
    }
    
}