@import"https://fonts.googleapis.com/css?family=Montserrat";.App{background:rgb(255,0,228);background:radial-gradient(circle,rgb(16,96,177) 0%,rgb(9,53,121) 84%,rgb(7,25,97) 100%);width:100vw;height:100vh;display:grid;place-items:center}body{margin:0%;padding:0%;font-family:montserrat,arial,verdana}.form{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-container{width:400px;height:400px;background-color:#fff;border-radius:8px;box-shadow:0 0 15px 1px #0006;display:flex;flex-direction:column}.form-container .header{flex:20%;display:grid;place-items:center}.form-container .body{flex:60%}.form-container .footer{flex:20%;display:flex;justify-content:center}.form-container .footer button{width:100px;height:40px;background-color:#193b92;font-weight:700;color:#fff;border:0 none;border-radius:1px;cursor:pointer;padding:10px 5px;margin:5px}.sign-up-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.sign-up-container input{margin:5px;width:200px;height:40px;padding-left:5px;font-size:20px}.personal-info-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.personal-info-container input{margin:5px;width:200px;height:40px;padding-left:5px;font-size:20px}.progressbar{width:400px;height:10px;background-color:#fff;margin-bottom:50px}.progressbar div{width:33.3%;height:100%;background-color:#6200ff}.other-info-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.other-info-container input{margin:5px;width:200px;height:40px;padding-left:5px;font-size:20px}input{border:2px solid rgb(98,0,255);border-radius:5px}input:focus{border:3px solid rgb(98,0,255)}