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

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

div.container {
    width: 60%;
}

div.body {
    min-height: 200px;
    background-color: white;
    border-left: 3px solid;
    border-right: 3px solid;
    border-bottom: 3px solid;
    border-top: 3px solid;
    border-color: #000033;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px;
}

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(2px);
    -moz-filter   : blur(2px);
    -webkit-filter: blur(2px);
    -o-filter     : blur(2px);
    
    transition        : all 2s linear;
    -moz-transition   : all 2s linear;
    -webkit-transition: all 2s linear;
    -o-transition     : all 2s linear;
}

.underline {
    text-decoration: underline;
}

.overline {
    text-decoration: overline;
}

.dashed {
    text-decoration: dashed;
}