.login{color:#000;text-transform:uppercase;letter-spacing:2px;display:block;font-weight:700;font-size:x-large}.card{display:flex;justify-content:center;align-items:center;min-height:350px;width:300px;flex-direction:column;gap:35px;background:#e3e3e3;box-shadow:8px 8px 16px #B6EB00;border-radius:8px}@media (max-width:450px){.card{display:flex;justify-content:center;align-items:center;min-height:350px;width:250px;flex-direction:column;gap:35px;background:#e3e3e3;box-shadow:none;border-radius:8px}}.inputBox{position:relative;width:300px}.inputBox input,.inputBox textarea{width:100%;padding:10px;outline:none;border:2px solid #000;color:#000;font-size:1em;background:transparent;transition:.1s;border-radius:8px}.inputBox span{margin-top:10px;position:absolute;left:0;transform:translateY(-4px);margin-left:10px;padding:10px;pointer-events:none;font-size:10px;color:#000;text-transform:uppercase;transition:.5s;letter-spacing:3px;border-radius:8px}input[type=date]:required:invalid::-webkit-datetime-edit{color:transparent}input[type=date]:focus::-webkit-datetime-edit{color:black!important}input::placeholder,textarea::placeholder{color:black;font-size:.8em;letter-spacing:.2em;text-transform:capitalize}.inputBox input:focus~span,.inputBox input:hover~span,.inputBox input:valid~span,.inputBox textarea:focus~span,.inputBox textarea:hover~span,.inputBox textarea:valid~span{transform:translateX(113px) translateY(-15px);font-size:.6em;padding:5px 10px;background:#000;letter-spacing:.2em;color:#fff;border:2px}.inputBox input:focus,.inputBox input:hover,.inputBox input:valid,.inputBox textarea:focus,.inputBox textarea:hover,.inputBox textarea: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:1em}.enter:hover{background-color:rgb(0,0,0);color:white}.contact-modal .inputBox{position:relative;width:285px!important;margin-bottom:12px}.contact-modal .inputBox input,.contact-modal .inputBox textarea{width:100%;padding:10px;outline:none;border:2px solid #000!important;color:#000!important;font-size:1em;background:transparent!important;transition:.1s;border-radius:8px}.contact-modal .inputBox input::placeholder,.contact-modal .inputBox textarea::placeholder{color:black!important;font-size:.8em;letter-spacing:.2em;text-transform:capitalize}.contact-modal .inputBox span{margin-top:10px;position:absolute;left:0;transform:translateY(-4px);margin-left:10px;padding:10px;pointer-events:none;font-size:11px;color:#000;text-transform:uppercase;transition:.5s;letter-spacing:3px;border-radius:8px}.contact-modal .inputBox input:focus~span,.contact-modal .inputBox input:hover~span,.contact-modal .inputBox input:valid~span,.contact-modal .inputBox textarea:focus~span,.contact-modal .inputBox textarea:hover~span,.contact-modal .inputBox textarea:valid~span{transform:translateX(80px) translateY(-15px);font-size:.6em;padding:5px 10px;background:#000;letter-spacing:.2em;color:#fff!important}.contact-modal .inputBox input:focus,.contact-modal .inputBox input:hover,.contact-modal .inputBox input:valid,.contact-modal .inputBox textarea:focus,.contact-modal .inputBox textarea:hover,.contact-modal .inputBox textarea:valid{border:2px solid #000;border-radius:8px}.contact-modal .enter{height:48px;width:120px;border-radius:5px;border:2px solid #000;cursor:pointer;background-color:transparent;transition:.5s;text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#000;margin-bottom:1em}.contact-modal .enter:hover{background-color:#000;color:#fff}