body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:sans-serif}.material-icons{margin:10px}.wrapper{height:100%;padding-top:20px;display:flex;flex-direction:column;align-items:center}.door-code{margin:30px 0}.door-code.open{opacity:0;height:30px}.door-code .input-wrapper{justify-content:center;display:flex}.door-code input[type="text"]{width:40px;height:40px;line-height:40px;padding:8px;margin:10px;border-radius:4px;border:1px solid rgba(0,0,0,0.12);text-align:center;font-family:monospace}.door-code input[type="submit"]{width:100%;height:30px;line-height:30px;background:black;color:#FFF;margin:30px 0;padding:0;border-radius:4px;border:0;outline:0}.feedback{width:100%;height:100px;line-height:100px;text-align:center;color:#FFF;display:flex;justify-content:center;align-items:center}.feedback.open{background-color:#2ecc71}.feedback.dicht{background-color:#e74c3c}.feedback h1{margin:0;font-size:20px;vertical-align:center}.status{height:200px;width:400px;text-align:center;border-radius:4px;border:1px solid rgba(0,0,0,0.12);display:flex;flex-direction:column;justify-content:center}.status h2{font-size:20px;color:rgba(0,0,0,0.5);margin:0 0 10px}.status h1{margin:0}