body{background-color:gray;min-width:320px}.container{background-color:#000;width:85%;margin:5vh auto auto;color:#fff;padding:5%;border-radius:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-variant-numeric:tabular-nums}.operation-container{display:flex;align-items:center;justify-content:space-around;margin-top:5%;margin-bottom:5%}.input-container{display:flex;align-items:center;flex-direction:column}.operation{align-self:end;padding-top:.8em;padding-bottom:.8em}button{border-radius:100px}input{border:none;outline:none;border-radius:15px;padding:1em;background-color:gray;box-shadow:inset 2px 5px 10px #0000004d;transition:.3s ease-in-out;text-align:center;color:#fff;width:25vw;min-width:75px}input:focus{background-color:#5f9ea0;transform:scale(1.05);box-shadow:13px 13px 100px #969696,-13px -13px 100px #fff}::placeholder{color:#fff}:-ms-input-placeholder{color:#fff}::-ms-input-placeholder{color:#fff}.result-container{display:flex;flex-direction:column;align-items:center;gap:1em}.result{background-color:#708090;border-radius:15px;padding:.85em;text-align:center;text-wrap:nowrap;width:245px}