.signup,.singup{color:#000;text-transform:uppercase;display:block;font-weight:700;font-size:x-large;margin-top:1.5em;font-family:var(--font-ui);letter-spacing:.16em}.cards{display:flex;justify-content:center;align-items:center;width:60%;flex-direction:column;gap:35px;border-radius:15px;background:#e3e3e3;box-shadow:16px 16px 32px #2f2f2f,-16px -16px 32px #0b0b0b;border-radius:8px}@media (max-width:1000px){.cards{width:100%}}.inputBox,.inputBox1{position:relative;width:60%}.form{width:100%;display:flex;justify-content:center;align-items:center}.inputBox input,.inputBox1 input{width:100%;padding:10px;outline:none;color:#000;font-size:1em;background:transparent;border:2px solid #000;border-top:none;border-right:none;transition:.1s;border-bottom-left-radius:8px;font-family:var(--font-body)}.inputBox span,.inputBox1 span{margin-top:5px;position:absolute;left:0;transform:translateY(-4px);margin-left:10px;padding:10px;pointer-events:none;font-size:12px;color:#000;text-transform:uppercase;transition:.5s;letter-spacing:3px;border-radius:8px;font-family:var(--font-ui-light)}.inputBox input:focus~span,.inputBox input:valid~span{transform:translateX(113px) translateY(-15px);font-size:.8em;padding:5px 10px;background:#000;letter-spacing:.2em;color:#fff;border:2px}.inputBox1 input:focus~span,.inputBox1 input:valid~span{transform:translateX(156px) translateY(-15px);font-size:.8em;padding:5px 10px;background:#000;letter-spacing:.2em;color:#fff;border:2px}.inputBox input:focus,.inputBox input:valid,.inputBox1 input:focus,.inputBox1 input:valid{border:2px solid #000;border-radius:8px}.enter{height:45px;width:100px;border-radius:5px;border:2px solid #000;cursor:pointer;background-color:transparent;transition:.5s;text-transform:uppercase;font-size:10px;letter-spacing:2px;margin-bottom:3em;font-family:var(--font-ui-light)}.enter:hover{background-color:#000;color:#fff}