body{background-color:#000;padding:20px}button{outline:none;border:2px solid #a0b7e1;border-radius:20px;padding:10px 20px;background-color:inherit;color:snow;font-weight:700;font-size:1.25em;cursor:pointer}button:hover{border:2px solid #db7093;color:bisque;transform:scale(1.05);transition:all .5s ease}main{display:flex;flex-direction:column;gap:50px;align-items:center}input{background:#000;border-radius:10px;outline:none;padding:10px 15px;color:#fff;border:2px solid #c7b3ef;width:180px}::placeholder{color:#c7b3ef;opacity:1}:-ms-input-placeholder{color:#c7b3ef}::-ms-input-placeholder{color:#c7b3ef}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:500px){body{padding:10px}}