main{
   display: flex;
   align-items: center; 
   justify-content:space-around;
   flex-direction: column;
}
body {
    background-color: whitesmoke;
}

h2,img,div,figure{
    display: inline;
}
#Blur{
/* From https://css.glass */
background: rgba(255, 220, 236, 0.73);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10.8px);
-webkit-backdrop-filter: blur(10.8px);
border: 1px solid rgba(255, 220, 236, 1);
}


#CR-size{
    width:auto;
}
.pure-button-primary{
    border-radius: 12px;
    min-height: 40px;
    border: 2px;
}
.pure-img{
    border-radius: 12px;
    
}

/*boxshadow */
.box {
    /* Required properties */
    position: relative;
    display: inline;
}

.box:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(58deg, #f7c9df -22%, #e6a8e6 197% );
    transform: translate3d(-43px, 30px, 0) scale(1.13);
    filter: blur(80px);
    opacity: var(0.85);
    transition: opacity 0.3s;
    border-radius: inherit;
}

/* 
* Prevents issues when the parent creates a 
* stacking context. (For example, using the transform
* property )
*/
.box::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}