body,#root{margin:0;padding:0;box-sizing:border-box;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}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container-fluid{min-height:100%;min-width:380px;box-sizing:border-box;padding:0 .5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#000;color:#fff}.main{flex:1;display:flex}.grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:800px;box-sizing:border-box}@media(max-width:750px){.grid{width:100%;flex-direction:column}}.grid-container{display:grid;grid-template-columns:auto auto auto auto auto;background-color:transparent;padding:10px}.grid-item{background-color:transparent;border:0;height:50px;width:50px;margin:2px;padding:0;font-size:30px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.clicked{animation:zoom-in-zoom-out .2s ease-out}@keyframes zoom-in-zoom-out{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-.5px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.orange{animation:orange .5s ease-in;animation-fill-mode:forwards}.green{animation:green .5s ease-in;animation-fill-mode:forwards}.grey{animation:grey .5s ease-in;animation-fill-mode:forwards}@keyframes orange{to{background-color:#b59f3b;color:#fff}}@keyframes green{to{background-color:#538d4e;color:#fff}}@keyframes grey{to{background-color:#3a3a3c;color:#fff}}input{color:transparent;text-shadow:0 0 0 white}.card-wrapper{perspective:500px}.card-custom{position:relative;margin:0;position:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:5px}.front{position:absolute;display:flex;justify-content:center;align-items:center;margin:0;padding-bottom:2px;height:100%;width:100%;position:0px;border-radius:5px}.flip{-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);transition:.5s}.flip>.front{-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);transition:.5s}.navbar-brand{font-size:60px}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}