body{max-width:420px;height:100vh;}#title{margin:0 0 2rem;text-align:center;color:#fff}#title h1{font-weight:400}#body-box{border: 1px solid #FFFFFF50;min-height:auto;position:absolute;top:50%;padding:2em 5px;margin:0 1em;width:calc(100% - 2em);transform:translateY(-50%);border-radius:22px;background:linear-gradient(145deg,#ffffff,#d6d8dc);box-shadow:14px 14px 28px #cdced2,-14px -14px 28px #fff;}#content{border-radius:.25rem;padding:.5rem;}#content .form-label{font-size:14px;color:#444;text-align:left;margin-bottom:0}#content .form-control{background-color:#FFF;border:0;border-radius:4}#content .form-control:focus{box-shadow:none}#content button{text-align:center;}.btn.btn-primary{padding:5px 25px;margin-top:1em;border-radius:4px;background:linear-gradient(145deg,#ffffff,#d6d8dc);box-shadow:5px 5px 8px #cdced2,-5px -5px 8px #fff;fill:#FFF;color:#FFF;background-color:transparent;background-image:linear-gradient(25deg,#2A09A0 0%,#C469C6 100%);}img,svg{vertical-align:middle;width:28%;padding:.3em;border-radius:14px;background:#EEF0F4;box-shadow:inset 15px 15px 29px #cdced2,inset -15px -15px 29px #fff;}