.quiz-container{grid-row-start:3;grid-column:2;display:grid;grid-template-rows:80% 20%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.quiz-wrapper{display:flex;grid-row-start:1;margin:auto;padding:auto;border-radius:50%}h1.quiz-txt{margin:auto;color:#fff6da;font-size:8em;display:inline}.quiz-answer-wrapper{grid-row-start:2}.quiz-answer{margin:0 auto;font-size:1.5em;color:#eee}.input-container{grid-row-start:4;grid-column-start:2}.answer-input{background-color:transparent;border:solid 0px #fbc99d;border-width:0 0 3px 0;color:#fbc99d;font-size:1.5em}.answer-input::placeholder,.answer-input::-webkit-input-placeholder{color:#fff5;font-weight:300}.answer-input:focus{outline:none}.streak-container{grid-row-start:2;grid-column:2;display:flex;flex-direction:column;justify-content:flex-end;font-size:1.5em}.streak-wrapper{display:flex;justify-content:center;margin:0;padding:0}.streak-txt{color:#ed1250}.result-txt{color:#12beed}.history-container{grid-row-start:3;grid-row-end:5;grid-column-start:1;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,sans-serif;overflow:scroll;background-color:#fff2}.history-tab-container{width:100%;display:grid;grid-template-columns:50% 50%}.history-tab{display:inline-block;color:#ccc;font-weight:700;cursor:pointer;background-color:#042f4b}.history-tab.show{background-color:transparent}.history-ul{list-style:none;padding:0;color:#ccc}.history-li-context-container{display:grid;grid-template-columns:15% 25% 30% 30%}.history-li p{margin:0}.countdown-container{display:flex;flex-direction:column;justify-content:flex-end;grid-row-start:1;grid-column:1/ 4}.countdown-txt{margin:0 auto;color:#ddd;font-family:Helvetica,sans-serif;font-size:4em;text-shadow:0px 5px #222}body,html{background-color:#042f4b}#app{height:100%;background-color:transparent}.main-container{display:grid;grid-template-rows:10% 20% 30% 10% 30%;grid-template-columns:20% 60% 20%;flex-direction:column;justify-content:center;margin:auto;width:1200px;height:95vh;text-align:center}.option-container{grid-area:2/ 1/ 2/ 2}.option-btn{display:block;margin:10px 0;width:100%;font-size:1.2em;background-color:#fff2;color:#ccc;cursor:pointer;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,sans-serif;border-color:#444 #333 #000 #333;box-shadow:0 2px 2px 2px #111}.option-btn:focus{outline:none}.option-btn:active{background-color:#032033;color:#555}.tooltip-container{grid-row-start:5;grid-column-start:2;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,sans-serif;color:#ccc}