body,html{margin:0;font-family:sans-serif;height:100%;min-height:100%}body{display:flex;justify-content:center;align-items:center}main{border-radius:12px;background-color:#f5f5f5;padding:24px}p{font-size:24px;font-weight:bolder;margin:0 0 24px}input{display:block;margin-bottom:24px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000;color:#fff;padding:8px 24px;border-radius:24px;border:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#000c;display:flex;justify-content:center;align-items:center}.overlay>div{background-color:#fff;border-radius:24px;padding:24px}