.PointsDisplay{font-family:Rubik,sans-serif;border:5px double #98c1d9;border-radius:25px;height:95%;width:95%;display:flex;align-items:center}.PointsDisplay .Points{font-size:2rem;color:#171717;margin:0 auto}@media only screen and (max-width: 500px){.PointsDisplay{border:2.5px double #98c1d9;height:75%;width:85%}.PointsDisplay .Points{font-size:1.25rem}}.Timer{border:5px double #171717;border-radius:25px;height:95%;width:95%;max-height:80vh;max-width:80vw;display:flex;justify-content:center;align-items:center;font-family:Rubik,sans-serif;margin-left:auto}.Timer time{font-size:4rem;margin:0 auto}@media only screen and (max-width: 500px){.Timer{border:2.5px double #171717;height:75%;width:85%}.Timer time{font-size:1.75rem}}.PointsAndTimerRow{height:12.5%;width:97.5%;max-width:800px;margin:5px auto;padding:5px;display:grid;grid-template-areas:"points logo timer";align-items:center;grid-template-columns:repeat(3,1fr)}.PointsDisplay-container{grid-area:points;justify-self:left;display:flex;align-items:center;height:95%;max-height:80px;width:75%;max-width:160px}.Logo-container{grid-area:logo;display:flex;justify-content:center;align-items:center;height:95%;max-height:100px}.Logo-container img{height:100%;max-width:100%}.Timer-container{grid-area:timer;justify-self:right;display:flex;align-items:center;text-align:right;height:95%;max-height:80px;width:75%;max-width:160px}@media only screen and (max-width: 500px){.PointsDisplay-container{height:75%;width:85%}.Logo-container{height:75%;width:95%}.Timer-container{height:75%;width:85%}}.Bit{font-family:Rubik,sans-serif;font-size:2.15rem;color:#171717;height:100%;width:100%;text-align:center}@media only screen and (max-width: 500px){.Bit{font-size:1.5rem}}.Byte{width:97.5%;max-width:700px;margin:0 auto}.Byte-wrapper{height:75%;padding-left:10%;display:flex;align-items:center}.Bit-wrapper{border:2.5px solid #171717;border-radius:1px;width:10%}.PowersOfTwo{width:97.5%;max-width:700px;margin:5% auto 5px}.PowersOfTwo-wrapper{padding-left:10%;display:flex;align-items:center}.Num-wrapper{border:2.5px solid ghostwhite;font-family:Rubik,sans-serif;font-size:1.1rem;color:#98c1d9;width:10%;text-align:center;margin-top:5px}@media only screen and (max-width: 500px){.Num-wrapper{font-size:.75rem}}.AnswerChoice{font-family:Rubik,sans-serif}.AnswerChoice:hover{outline:2.5px solid #171717;cursor:pointer;box-shadow:-2.5px 2.5px 10px #171717}.AnswerChoice-decimalValue-wrapper{text-align:center;color:#f8f8ff;background-color:#171717;font-size:2.5vw;padding:5px;margin-bottom:2.5px}.AnswerChoice-button-wrapper{height:31vh}.AnswerChoice-button-wrapper img{height:100%;width:100%}@media only screen and (max-width: 500px){.AnswerChoice:hover{outline:1px solid #171717;box-shadow:-1px 1px 5px #171717}.AnswerChoice-decimalValue-wrapper{margin-bottom:1.5px}.AnswerChoice-button-wrapper{height:22vh}.AnswerChoice-button-wrapper img{height:100%;width:100%}}.AnswerChoices{height:50%;width:97.5%;max-width:700px;margin:5px auto}.AnswerChoices-user-direction{text-align:center;color:#171717;margin:0 auto;padding:10px}.AnswerChoice-wrapper{padding:5px;display:grid;grid-template-areas:"left center right"}.AnswerChoice1{grid-area:left;border-radius:15px;padding:5px;margin:5px}.AnswerChoice2{grid-area:center;border-radius:15px;padding:5px;margin:5px}.AnswerChoice3{grid-area:right;border-radius:15px;padding:5px;margin:5px}@media only screen and (max-width: 500px){.AnswerChoices{height:50%;width:97.5%;max-width:700px;margin:2.5px auto}.AnswerChoices-user-direction{text-align:center;color:#171717;font-size:.75rem;margin:0 auto;padding:2.5px}.AnswerChoice-wrapper{padding:2.5px;display:grid;grid-template-areas:"left center right"}.AnswerChoice1{grid-area:left;border-radius:15px;padding:2.5px;margin:2.5px}.AnswerChoice2{grid-area:center;border-radius:15px;padding:2.5px;margin:2.5px}.AnswerChoice3{grid-area:right;border-radius:15px;padding:2.5px;margin:2.5px}}body{margin:0;padding:0}.App{border:5px ridge #171717;background-color:#f8f8ff;height:100vh;width:100%;max-width:800px;margin:0 auto}.GameOver{border:5px ridge #171717;background-color:#f8f8ff;font-family:Rubik,sans-serif;height:100vh;width:100%;max-width:800px;margin:0 auto}.GameOver-title{text-align:center}.GameOver-title h1{font-size:3em;font-variant:small-caps;color:#171717}.GameOver-button{height:50px;width:125px;margin:0 auto}.GameOver-button button{background-color:#171717;color:#f8f8ff;font-size:1rem;font-variant:small-caps;font-weight:bolder;height:50px;width:125px;border:5px double #98c1d9;border-radius:15px}.GameOver-button button:hover{cursor:pointer;background-color:#f8f8ff;color:#171717;border:5px double #171717;box-shadow:-2.5px 2.5px 5px #171717}.GameOver-message{text-align:center;margin-top:25px;margin-bottom:25px}.GameOver-score-summary{border:4px inset #171717;width:75%;margin:0 auto}.GameOver-score-summary h3{color:#98c1d9;font-variant:small-caps;padding-left:2.5%}.GameOver-score-summary h3:last-of-type{color:#171717}@media only screen and (max-width: 500px){.GameOver-title h1{font-size:2.5rem}.GameOver-button button{font-size:.875rem}.GameOver-message{font-size:.8rem}.GameOver-score-summary h3{font-size:1rem}}.Victory{border:5px ridge #171717;background-color:#f8f8ff;font-family:Rubik,sans-serif;height:100vh;width:100%;max-width:800px;margin:0 auto}.Victory-title{margin:0 auto;text-align:center}.Victory-title h1{font-size:3em;font-variant:small-caps;color:#171717}.Victory-message{text-align:center}