*{box-sizing:border-box;padding:0;margin:0}.body{display:flex;justify-content:center;align-items:center;overflow:hidden}.flex{box-shadow:1px 3px 5px rgba(0,0,0,.4),-1px -3px 5px rgba(201,151,182,.4);border:1px solid #000;width:40%;border-radius:10px;margin-top:100px}.flex,.submit{display:flex;align-items:center;justify-content:center;flex-direction:column}.submit button{border-radius:22px;padding:12px 80px;background:#aa8362;border:none;color:#fff0f0;margin-bottom:40px;margin-top:20px}button:hover{color:#aa8362;background:none;border:1px solid #aa8362}.input{padding:20px}input{width:400px;padding:15px;border:1px solid #ccc;border-radius:20px}.head{padding-top:40px}@media(max-width:768px){.flex{width:100%;margin-top:100px;border:none;box-shadow:none}input{width:200px}}@media (max-width:920px) and (min-width:769px){.flex{width:60%;margin-top:100px}input{width:200px}}@media (max-width:1024px) and (min-width:921px){.flex{width:60%;margin-top:100px}input{width:400px}button{padding:12 100px}}