*{box-sizing:border-box}html{font-family:sans-serif}body{background:radial-gradient(#524152,#1a1f1d);display:grid;height:100vh;margin:0;place-items:center}#overlay-root,.backdrop{position:fixed}.backdrop{background:rgba(0,0,0,.75);height:100vh;left:0;top:0;width:100%;z-index:1}.modal{background:#fff;border-radius:15px;left:10%;overflow:hidden;position:fixed;top:30vh;width:80%;z-index:2}.header{background:#4f005f;padding:1rem}.header h2{color:#fff;margin:0}.actions,.content{padding:1rem}.actions{display:flex;justify-content:flex-end}.actions button{cursor:pointer}@media (min-width:768px){.modal{left:calc(50% - 20rem);width:40rem}}#form-container{align-items:center;background:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:3rem}#user-age-input,#user-name-input{margin-bottom:1.5rem;width:30rem}#form-container span{font-weight:600;padding:10px 0;width:30rem}.btn-container button{background-color:#8a2be2;border-radius:15px;cursor:pointer;height:50px;width:100px}@media (max-width:600px){#form-container,#user-age-input,#user-name-input{width:auto}#form-container span{font-weight:200;width:auto;width:100%}.btn-container button{height:40px;width:100px}}.userData-container{background:#ffd;padding:0}.userData-container li{border:1px solid #000;list-style:none;padding:1rem;width:100%}
/*# sourceMappingURL=main.948a0d9f.css.map*/