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