body{
    color:#333333;
    background-color:#d9d9d9;
    font-family:Roboto,sans-serif;
    text-align:center;
    padding:0;margin:0;
    font-size:15pt;}
    
.wrapper{position:relative;height:100vh}

p{line-height:1.8}

.inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:75%;}


.input{
    outline:none;
    text-align:center;
    color:#333333;
    background-color:#d9d9d9;
    border:0;margin:0 .5em;
    font-size:15pt;
    border-bottom:1px dashed #333333;}

    
.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/*.input:invalid{border-bottom:1px dashed #d84e5b} */