body{font-family:"Nunito Sans",Arial,Helvetica,sans-serif;background:url("https://wcdn.numelon.com/passport/Background.jpeg") center center/cover no-repeat}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.dark body::before{background:rgba(30,30,30,.4)}.fade{transition:opacity .3s,transform .3s}.hidden.fade{opacity:0;transform:translateY(20px)}.code-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;border-radius:.5rem;outline:0;transition:transform .2s,border-color .2s,box-shadow .2s}.code-input:focus{transform:scale(1.1);border-color:#e04e4e;box-shadow:0 0 0 2px #e04e4e40}