body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;margin:0;padding:0;width:100vw}.top-navigation{align-items:center;border-bottom:.8px solid #000;display:flex;justify-content:space-between;padding:10px}.site-name{font-size:26px;margin:0 10px;text-decoration:none}.button-container,.nav-button{align-items:center;display:flex}.nav-button{background-color:initial;border:none;border-radius:4px;cursor:pointer;justify-content:center;margin:0 8px;padding:6px}.button-icon{color:#000;height:33px;margin:0 5px;width:33px}.headline{font-size:36px;font-weight:700;margin:15px;text-align:center}.option{background-color:initial;border:1px solid #000;border-radius:8px;cursor:pointer;font-size:24px;margin:8px 12px;padding:8px 12px;transition:.3s;width:40vw}@media (hover:hover){.option:hover{background-color:#000;color:#fff;transition:.3s}}@media screen and (max-width:590px){.option{width:80vw}}.restart{background-color:initial;border:none;color:#33b0f4;cursor:pointer;font-size:14px;margin:8px 12px;text-decoration:underline}.headline-box{align-items:stretch;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;margin:25px}.break{flex-basis:100%;height:0}#results{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#full-results,.result-box{border:1px solid #000;border-radius:8px;margin:25px;padding:25px;text-align:center}.result-box{flex:1 0 25%}.correct{border:2px solid green}.incorrect{border:2px solid red}.sharer-button{background-color:initial;border-radius:8px;cursor:pointer;margin:8px 12px;padding:8px 12px;transition:.3s}@media (hover:hover){.sharer-button:hover{background-color:#000;color:#fff;transition:.3s}}@media (max-width:590px){#results{flex-direction:column};}#portal .modal-container{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-container .modal-content{-webkit-animation:animate .3s;animation:animate .3s;border-radius:5px;margin:0 14px;max-width:600px;padding:12px;position:relative;z-index:1}.modal-content h2{text-align:center}.modal-content li{margin:10px 0}.modal-content button:first-of-type{background-color:initial;border:none;border-radius:2px;cursor:pointer;font-weight:700;outline:none;padding:8px 11px;position:absolute;right:7px;top:7px}@-webkit-keyframes animate{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}.change-theme{background-color:initial;border:none;cursor:pointer;font-size:14px;margin:8px 12px}.dark{background-color:#333}.dark,.dark a{color:#fff}.dark .top-navigation{border-bottom:.8px solid #fff}.dark .headline-box{border:1px solid #fff}.dark .button-icon{color:#fff}.dark .option{border:1px solid #fff;color:#fff}@media (hover:hover){.dark .option:hover{background-color:#fff;color:#000;transition:.3s}}.dark .modal-content{background-color:#333;color:#fff}.dark .modal-content li{color:#fff}.dark .modal-content button{border:1px solid #fff;color:#fff}.dark #full-results,.dark .sharer-button{border:1px solid #fff}.dark .sharer-button{color:#fff}.dark .sharer-button:hover,.light{background-color:#fff;color:#000}.light a{color:#000}.light .modal-content{background-color:#fff;color:#000}.light .modal-content button,.light .sharer-button{border:1px solid #000;color:#000}@media (hover:hover){.light .sharer-button:hover{background-color:#000;color:#fff}}.light .option{color:#000}@media (hover:hover){.light .option:hover{background-color:#000;color:#fff;transition:.3s}}
/*# sourceMappingURL=main.c8e7a131.css.map*/