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}.switchBtn input[type=checkbox]{position:absolute;height:0;width:0;visibility:hidden}.switchBtn label{cursor:pointer;text-indent:-9999px;width:54px;height:30px;background:grey;display:block;border-radius:30px;position:relative}.switchBtn label:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:24px;transition:.3s}.switchBtn input:checked+label{background:#bada55}.switchBtn input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.switchBtn label:active:after{width:39px}.App{text-align:center;background:#DADCCF;width:100%;height:100vh;position:relative}.App-header{font-family:p22-underground;letter-spacing:1px;font-weight:500;height:80px;display:flex;justify-content:space-between;border-bottom:2px solid #000}.App-header h2{line-height:80px;margin:0 0 0 20px;font-size:20px}.App-header .showHex{display:flex;align-items:center;margin-right:20px}.App-header .showHex p{margin-right:6px}.App-body{display:grid;grid-gap:30px;justify-self:center;grid-template-columns:repeat(5,1fr);padding:20px 400px;justify-content:space-around}.App-logo{height:40vmin;pointer-events:none}.card{position:relative;width:162px;height:100px;border-radius:4px;box-shadow:0 2px 4px -2px #435a6f78,0 0 1px #435a6f4d}.card-text{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align:center;transition:opacity .3s ease;opacity:1}.card-text.hide{opacity:0}