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;background-color:#5a5a5a;color:snow}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main{width:80%;margin:0 auto}.breakbar{height:5px;margin-bottom:5px;background-color:#000}.pt-1pct{padding-top:1%}.pb-0{padding-bottom:0}p{font-weight:600;font-size:1.2em}img{height:200px!important;width:200px!important;margin:15px!important}.cover{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:.7;animation:fadeIn7 ease 1s;-webkit-animation:fadeIn7 ease 1s;-moz-animation:fadeIn7 ease 1s;-o-animation:fadeIn7 ease 1s;-ms-animation:fadeIn7 ease 1s}.modalContent{position:fixed;overflow:auto;width:75%;max-height:70%;top:15%;left:12.5%;opacity:1;background-color:snow;animation:fadeIn ease 1.5s;-webkit-animation:fadeIn ease 1.5s;-moz-animation:fadeIn ease 1.5s;-o-animation:fadeIn ease 1.5s;-ms-animation:fadeIn ease 1.5s;color:#000}.breakBar{height:5px;width:95%;margin:0 auto 5px;background-color:#000}.modalContent p{padding:0 5%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn7{0%{opacity:0}to{opacity:.7}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn7{0%{opacity:0}to{opacity:.7}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn7{0%{opacity:0}to{opacity:.7}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn7{0%{opacity:0}to{opacity:.7}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn7{0%{opacity:0}to{opacity:.7}}.bPadding{padding-bottom:20px}.imgContainer{width:auto;position:relative;text-align:center;background-clip:white;margin:10px 5px;background-color:#000}.resultsImg{max-width:100%}.imgText{position:absolute;width:100%;color:#000;transform:translate(-100%);padding-top:3px;padding-bottom:3px;font-weight:700}.answer{background-color:gold;top:0}.response{bottom:0}.correct{background-color:green}.wrong{background-color:red}#resultsDiv{display:flex;flex-flow:row wrap;justify-content:center;text-align:center;padding:10px 20px}html,body{height:100%;width:100%;padding:0;margin:0}body{color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,monospace,sans-serif;background-color:#000;text-align:center;display:flex;flex-direction:column;justify-content:space-between}header{width:98%;padding:1%;position:sticky;top:0;background-color:#222}img{max-width:98%;margin:1% auto;width:auto;height:auto}footer{width:98%;text-align:center;padding:1%;border-top:1px solid #FFFFFF;margin-top:15px}a{color:#fff;text-decoration-color:#fff}a:hover{color:#0ff;text-decoration-color:#0ff}h1,h2,h3,h4,h5{margin:0}section{text-align:left}a,a:visited{color:gold}a:hover{color:#fff}a:focus{color:#ff0}nav{background-color:#000;display:flex;flex-flow:row wrap;justify-content:space-around}nav h2{color:#f5f5f5}nav ul{list-style-type:none}nav li{display:inline;margin:0 15px}nav a{color:#fff;text-decoration:none;font-size:1.5em}nav a:hover{color:silver!important}nav a:visited{color:#fff}