body{font-family:Times New Roman,Times,serif;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;text-align:center;background-color:#000;color:#fff}*{padding:0;margin:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;text-align:center;background-color:#2f2f30;color:#fff}h1{font-size:clamp(24px,6vw,50px);margin-top:30px;margin-bottom:15%}h2{font-size:clamp(20px,6vw,35px)}.react{width:110px;height:100px;margin-bottom:30px;animation:girar 10s linear infinite}@keyframes girar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes piscar{0%{box-shadow:0 0 5px 10px #0c5aa3}to{box-shadow:0 0 5px 10px #0c5aa383}}.form{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;border:1px solid rgba(255,255,255,.877);background-color:#00000034;box-shadow:0 0 2px 5px #0c5aa3;width:90%;max-width:350px;min-height:300px;height:auto;padding:30px 20px;border-radius:10px;margin:30px auto;animation:piscar 1s infinite alternate}.input{background-color:#ffffff34;padding:10px 15px;border-radius:5px;margin:7px;border:none;font-size:15px;transition:all .3s ease;outline:none;color:#fff;text-align:left;width:100%;max-width:275px}.input:focus{box-shadow:0 0 2px 5px #00c3ff}.Submeter{padding:10px 40px;margin:10px;background-color:#008cff;color:#fff;border:none;border-radius:7px;transition:all .3s ease}.Submeter:hover{cursor:pointer;background-color:#0b5a9b}