@import url(https://fonts.googleapis.com/css?family=Cairo);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.over{z-index:30;position:absolute;display:block;margin:0 auto;top:50px}.cats-over{top:130px}.address-over,.cats-over{z-index:30;position:absolute;display:block;margin:0 auto;opacity:0;-webkit-animation:fade 1s forwards;animation:fade 1s forwards}.address-over{bottom:10px}.address{width:320px;height:120px;color:#fff}.register-address{width:280px;color:#fff}.flex-container{display:flex;flex-direction:column}.flex-address{height:83.33px}.flex-address,.register-flex-address,.view-flex-address{padding:10px;text-align:center;flex-direction:column}.view-flex-address{height:83.33px}.flex-buttons{padding:10px;height:30px}.flex-buttons,.register-flex-buttons{display:flex;align-items:center;justify-content:center}.register-flex-buttons{padding-top:10px;padding-bottom:5px;flex-direction:column}.address-plate{background:#2a1276;border-radius:5px;display:flex;flex-direction:row;box-shadow:0 0 96px -7px rgba(0,0,0,.6)}.register-address-plate{background:#320daa;border-radius:5px;display:flex;height:83.33px;flex-direction:row;padding:5px}.register-address-inner-plate{width:250px;border-radius:5px;border:2px solid #fff}.register-address-inner-plate,.view-address-plate{background:#320daa;display:flex;flex-direction:row}.view-address-plate{border-radius:5px;height:83.33px;padding:5px}.view-address-inner-plate{background:#320daa;width:290px;border-radius:5px;border:2px solid #fff;display:flex;flex-direction:row}.address-number{width:190}.address-number,.view-address-number{display:flex;align-items:center;justify-content:center}.view-address-number{width:210px}.qr-plate{width:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.register-qr-plate,.view-qr-plate{width:70px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.share{right:30px}.add,.share{z-index:30;position:absolute;bottom:60px;display:block;margin:0 auto;align-items:"left"}.add{left:30px}.loading{z-index:30;position:absolute;width:100vw;align-items:"center";background-color:hsla(0,0%,100%,.7)}.circleOne{-webkit-animation:fade 5s ease infinite;animation:fade 5s ease infinite}.qr-paper{margin-bottom:50px;height:0}.qr-paper-active{margin-top:-400px;margin-bottom:10px;width:320px;-webkit-animation:qr-open .5s forwards;animation:qr-open .5s forwards;display:block;display:flex;align-items:center;justify-content:center}.qr{display:none;opacity:0;width:100%}.qr-active{display:block;-webkit-animation:qr 2s forwards;animation:qr 2s forwards;width:100%;margin-top:20px;box-shadow:0 0 96px -7px rgba(0,0,0,.6)}@media (max-width:600px){.address-over{z-index:30;background-color:#fff;border-radius:10px;position:absolute;display:block;margin:0 auto;bottom:40px;opacity:0;-webkit-animation:fade 1s forwards;animation:fade 1s forwards}.address{width:320px;height:110px;color:#fff}.qr-paper-active{margin-top:-400px;margin-bottom:10px;width:320px;-webkit-animation:qr-open-mobile .5s forwards;animation:qr-open-mobile .5s forwards;display:block;display:flex;align-items:center;justify-content:center}.flex-address{padding:10px;text-align:center;flex-direction:column}}@-webkit-keyframes fade{0%{fill:"#fff"}to{fill:"#000"}}@-webkit-keyframes qr-open{0%{margin-top:0}to{margin-top:10px}}@keyframes qr-open{0%{margin-top:0}to{margin-top:10px}}@-webkit-keyframes qr-open-mobile{0%{margin-top:0}to{margin-top:30px}}@keyframes qr-open-mobile{0%{margin-top:0}to{margin-top:30px}}@-webkit-keyframes qr{0%{opacity:0}to{opacity:1}}@keyframes qr{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}