body,input,button{font-family:monospace,monospace}#cap{font-size:2em;text-align:center;margin:40vh auto 0}input,input:hover,input:focus{font-size:1em;font-weight:400;max-width:2em;text-align:center;opacity:0;transition:opacity 1s;padding:10px;color:#3b3b94;border:1px solid #6e6efc;background:#fff}#ov{display:inline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 10px;text-shadow:0 0 4px rgba(0,0,255,0.8)}#ov span{margin:7px;transition:color .3s}button{font-size:1em;font-weight:300;padding:10px;margin-left:.5em;border:1px solid #6e6efc;background:#6e6efc;color:#fff;opacity:0;transition:opacity 1s}@media only screen and (max-width :587px){#cap{padding:45px 0;font-size:1.5em}input{font-size:.9em}button{font-size:.8em}}