body{margin:0;padding:20px;display:flex;align-items:center;justify-content:center;background:#fff;color:#333;min-height:90vh;font-size:14px;font-family:Helvetica,Arial,sans-serif}form{padding:20px;border-radius:6px;width:500px;height:350px}h1{font-size:32px;margin:15px 0;font-weight:400}p{margin:15px 0 0}.field{border:none;padding:0}label{display:block;font-size:16px;margin-top:20px;color:#5d5d5d}input{display:block;width:95%;padding:10px;border:2px solid #d0d0d0;margin-top:5px;border-radius:3px}button{font-size:16px;margin:30px 0 0;padding:10px 22px;cursor:pointer;border:0;border-radius:3px;background:#111;color:#fff;width:100%}.margin-top{margin-top:70px}.padding-text{padding-left:2px}.width-text{width:100%}.logo{text-align:center;margin-bottom:15%}@media only screen and (max-width: 600px){form{width:300px}input{width:92%}}@media only screen and (max-width: 350px){form{width:250px}input{width:92%}}.height{height:230px!important}