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,html{background-color:grey;color:#000}#root,body,html{min-height:100vh;min-width:100vw;margin:0}#root{padding:0}.wholePageContainer{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.width100{width:300px}.tutorial{width:60%;flex-grow:1}.actionButtons{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:4fr 4fr 1fr}.stumbleButton{grid-column-start:3;grid-column-end:4;grid-row-start:1;grid-row-end:2}.submissionSubmitButton{grid-column-start:3;grid-column-end:4;grid-row-start:2;grid-row-end:3}.submissionTextArea{grid-row-start:3;grid-row-end:4}.ResponseMessage,.submissionTextArea{grid-column-start:3;grid-column-end:4}.ResponseMessage{grid-row-start:4;grid-row-end:5}.actionButton{background-color:#4caf50;font-size:1.2em;border:solid #000;color:#fff;text-align:center;text-decoration:none;display:inline-block;font-size:2em;border-radius:0;width:100%}.highlighted{font-weight:700;background-color:#7fffd4}.historyTitle{text-align:center}.historyScroll{border:solid #000;margin-left:1vw;margin-right:1vw;overflow-y:auto;width:25vw;max-height:20vh}.historyItem{display:flex;flex-direction:row;justify-content:flex-start;font-size:1.2em}.likeButton{margin-left:1vw;margin-right:1vw;cursor:pointer}.collapseExpand{margin-top:5vh;margin-bottom:5vh;background-color:#7fffd4;color:#000;font-weight:700;cursor:pointer;padding:18px;width:300px;border:none;text-align:left;outline:none;font-size:15px;text-align:center;font-size:1.2em}.footer{flex-grow:1;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;justify-self:flex-end;margin:1%}.link{align-self:flex-end;flex-grow:1;font-size:1.2em}@media(min-width:600px){.tutorial{font-size:2em;font-weight:500}.mainTitle{font-size:3em}}@media(max-width:900px){.tutorial{padding-left:5vw;padding-right:5vw;font-size:1em}.collapseExpand{width:95%}.mainTitle{font-size:1.5em}.actionButton{background-color:#dc143c;font-weight:700;color:#000}.actionButton,.ResponseMessage,.submissionTextArea{grid-column-start:1;grid-column-end:6}.historyScroll{width:95vw}}
/*# sourceMappingURL=main.9fb5e56b.chunk.css.map */