@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);body,form .button input{background:linear-gradient(135deg,#771414,#1e0202)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{height:100vh;display:flex;justify-content:center;align-items:center;padding:10px}.container{max-width:700px;width:100%;background-color:#fff;padding:5px 30px;border-radius:5px;box-shadow:0 5px 10px rgba(255,215,0,.5)}.container .title{font-size:30px;font-weight:800;position:relative}.container .title::before{content:"";position:absolute;left:0;bottom:0;height:3px;width:30px;border-radius:5px;background:linear-gradient(135deg,#9d1b1b,#771414)}.content form .user-details{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0 12px}form .user-details .input-box{margin-bottom:15px;width:calc(100% / 2 - 20px)}form .input-box span.details{display:block;font-weight:500;margin-bottom:5px}.input-box select,.input-box textarea,.user-details .input-box input{height:45px;width:100%;outline:0;font-size:16px;border-radius:5px;padding-left:15px;border:1px solid #9d1b1b;border-bottom-width:2px;transition:.3s}.user-details .input-box input:focus,.user-details .input-box input:valid{border-color:#9d1b1b}form .gender-details .gender-title{font-size:20px;font-weight:500}form .category{display:flex;width:80%;margin:14px 0;justify-content:space-between}form .category label{display:flex;align-items:center;cursor:pointer}form .button{height:45px;margin:35px 0}form .button input{height:100%;width:100%;border-radius:5px;border:none;color:#fff;font-size:18px;font-weight:500;letter-spacing:1px;cursor:pointer;transition:.3s}form .button input:hover{background:linear-gradient(-135deg,#771414,#1e0202)}@media(max-width:584px){.container{max-width:100%}form .user-details .input-box{margin-bottom:15px;width:100%}form .category{width:100%}.content form .user-details{max-height:300px;overflow-y:scroll}.user-details::-webkit-scrollbar{width:5px}}@media(max-width:459px){.container .content .category{flex-direction:column}}