.flex-full{flex:1}body,html{height:100%}body{background-color:#f3f5f8;bottom:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#2f3337;cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;font-weight:400;left:0;margin:0 auto;min-width:768px;overflow:hidden;position:fixed;right:0;top:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}#main-container{-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center}#container,#main-container{display:flex;-webkit-box-align:center;-ms-flex-align:center}#container{-webkit-align-items:center;background-color:#fff;border-radius:13px;box-shadow:0 0 21px 0 rgba(0,172,204,.1);flex-direction:column;padding:36px;width:350px}#container .logo{height:32px}#container h1{font-weight:500;text-align:center}#container .box{display:flex;flex-direction:column;flex-grow:1;height:100%;padding-bottom:24px;width:100%}#container .box input{background:#fff;border:1.5px solid grey;border-radius:6px;height:42px;margin:0}#container .box input::placeholder{text-transform:capitalize}#container .box label{margin:12px 6px;text-align:left;text-transform:capitalize}#container .box button{background-color:#00accc;border-radius:6px;color:#fff;height:61px;margin:0;width:100%}#container .box form{display:flex;flex:1 1 0;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;flex-direction:column;justify-content:center}