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}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}.appHeaderStyle{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.CodeView{text-align:center;padding-left:24px;padding-right:24px}.CodeViewImagesContainer{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding-top:10px;padding-right:10px}.CodeViewImageItemContainerWrapper{padding-left:12px;padding-right:12px}.CodeViewImageItemContainer{display:flex;flex-direction:column;justify-content:space-between;box-shadow:#a9a9a9 0 0 10px}.ImageList{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding-top:10px;padding-right:10px}.ImageListItem{padding:2px;background-color:#a9a9a9;cursor:pointer;box-shadow:#a9a9a9 0 0 10px}.ImageListItemBarContainer{border-top:solid 1px lightgray}.ImageListItemBarText{white-space:normal}.headerTextStyle{margin-left:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.codeViewHeader{display:flex;flex-direction:column;justify-content:center}.blurredImage{filter:blur(4px)}.headerView{text-align:center;width:100%}.headerStyle{width:100%;padding-top:10px;padding-right:24px;display:flex;flex-direction:row;justify-content:center;align-items:center}.LineRearranger{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center}.lineRearrangerLabelText{font-size:xx-small}.rowOfCharacters,.bottomDisplay{width:100%;padding-top:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.characterStyle{width:30px;height:30px;padding-bottom:2px;border-radius:15px;background-color:#aeaeae;border-color:#000;border-width:1px;border-style:solid;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:x-large}@media screen and (max-width: 768px){.characterStyle{width:20px;height:20px;font-size:medium;border-radius:10px}}