.scanner{position:absolute;z-index:1;top:calc(50vh - 175px);border-radius:15px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}.scanner-exit{text-align:right;padding-right:16px;font-weight:800;cursor:pointer}.scanner-container{height:300px;width:250px;display:flex;justify-content:center;align-items:center;flex-direction:column}.scanner-image{height:20vmin}.writer-container{margin:24px 8px 8px;width:100%;height:200px;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}input{border:none;border-bottom:1px solid #ccc;padding:4px;margin:4px;font-size:16px;width:100%;height:20px}.App{position:relative;justify-content:center;flex-direction:column;padding:24px}.App,.App-container{display:flex;align-items:center}.App-container{justify-content:space-evenly;width:100%}.btn{background-color:#1f51ff;border:none;color:#fff;font-size:16px;padding:10px 20px;text-align:center;margin:4px 2px;cursor:pointer;border-radius:24px;width:150px;height:50px;display:flex;align-items:center;justify-content:center}.App-logo{height:20vmin;pointer-events:none}