crowsite/crow_test/static/css/home.css

div.center {
    display: flex;
    justify-content: center;
}

div.body {
    width: 40%;
    min-height: 200px;
    background-color: white;
    border: 3px solid;
    border-color: #000033;
    border-radius: 8px;
    padding: 10px;
}

div.titlebar {
    display: inline-flex;
}

body {
    width: 100%;
    height: 100%;
    background-color: gray;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size:cover;
}

.blur-bgimage {
    overflow: hidden;
    text-align: left;
}
.blur-bgimage:before {
    content: "";
    position: absolute;
    width : 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
    
    filter        : blur(10px);
    -moz-filter   : blur(10px);
    -webkit-filter: blur(10px);
    -o-filter     : blur(10px);
    
    transition        : all 2s linear;
    -moz-transition   : all 2s linear;
    -webkit-transition: all 2s linear;
    -o-transition     : all 2s linear;
}