:root{--overlay-background-color: rgba(0, 0, 0, .9);--overlay-full-background-color: rgba(0, 0, 0, 1)}body{background-color:#292929}.navbar{background-color:#ff9600}.navbar-nav{width:100%;justify-content:space-between}.nav-item{display:flex;align-items:center;margin-left:3%;margin-right:3%}.form-check-input{margin-top:.3rem}#skipButton{display:none}#imageGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;padding:20px;overflow:hidden;margin-top:60px}.image-container{position:relative;width:100%;transition:transform .2s ease-in-out}.image-container:hover{transform:scale(1.1);z-index:5}.image-container img{width:100%;display:block;height:auto;border-radius:10px;transition:transform .1s ease-in-out}.row-separator{grid-column:span 8;border-bottom:3px solid #7f6161;margin:10px 0}.hover-buttons{white-space:nowrap;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.image-container:hover .hover-buttons{opacity:1;transform:translate(-50%,-20%) scale(1.1)}.btn{margin:5px}.end-btn,.start-btn{margin-left:40px}#targetImageDiv{z-index:9999;background-color:var(--overlay-full-background-color);display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:2vw}#targetImageDiv .target-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}#targetImageDiv img{width:60%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:solid #ff9600 10px;margin-bottom:3%}#targetImageDiv .target-text{color:#ff9600;font-weight:700;margin-bottom:.5vw;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#loading-screen,#image-compare,#result-overlay,#end-overlay,#start-overlay{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;color:#0d6efd;font-size:2vw}#loading-screen,#image-compare,#result-overlay,#end-overlay{justify-content:center}#loading-screen,#image-compare,#end-overlay,#start-overlay{background-color:var(--overlay-full-background-color)}#result-overlay{background-color:var(--overlay-background-color)}#start-overlay{flex-direction:column;overflow:overlay;padding-bottom:2vw}h1{font-size:3vw;margin-bottom:3vw;margin-top:2vw;color:#ff9600}#image-compare{z-index:9999}#loading-screen,#result-overlay{flex-direction:column;z-index:9999}#end-overlay,#start-overlay{z-index:10000}#image-compare img{width:45vw;margin-top:.5vw;border-radius:10px;border:solid #ff9600 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#image-compare .compare-container{display:flex;flex-direction:column;align-items:center;margin:2vw}#image-compare .image-label{margin-bottom:.5vw;font-weight:700;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:100%;color:#ff9600}.skipped,.correct,.incorrect,.endOfTest,.startOfTest{font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skipped,.correct,.incorrect,.endOfTest{font-size:2vw}.startOfTest{font-size:1vw;max-width:60%}#instructional-video{width:100%;max-width:60%;height:auto;aspect-ratio:16 / 9;margin-bottom:20px;border:3px solid rgba(13,110,253,1);border-radius:12px;display:block;margin-left:auto;margin-right:auto}.highlightText{color:#ff9600;display:inline}.correct{color:#25c501}.incorrect{color:#cf0a0a}.skipped{color:#009ad6}.endOfTest{color:#fff}.adminOverlayText{position:absolute;top:0;left:0;width:100%;height:100%;color:#ffffffb3;font-size:3em;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#sidePanel{display:none;background-color:gray;position:fixed;top:0;left:0;width:15%;height:100%}.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}to{transform:translate(0)}}.shining{animation:shine 2s infinite;box-shadow:0 0 30px gold}@keyframes shine{0%{opacity:1}50%{opacity:.5}to{opacity:1}}