@media (orientation:portrait){.logo{left:10px;width:80px;margin-top:64px;}.icon{position:absolute;margin-top:58px;top:0px;right:14px;width:40px;border:0px;}h1{margin-top:58px;font-size:18px;}#detailsP{font-size:16px;}.optionList{width:240px;}#infoText{font-size:16px;}.pictureFrame{margin-top:-15px;}#testButtons{position:fixed;bottom:0;height:82px;}#copyright{position:fixed;bottom:0;width:100%;height:42px;}} @media (orientation:landscape){.mainWrapper{display:flex;justify-content:center;align-items:center;vertical-align:center;position:absolute;width:30%;left:10vw;top:15vh;height:380px;@media (max-height:620px){top:17vh;}@media (max-width:1100px){left:2vw;width:40%;}@media (min-height:750px){top:25vh;}@media (min-height:1000px){top:30vh;}} .pictureFrame{display:flex;justify-content:center;align-items:center;position:absolute;width:47vw;max-width:800px;height:80vh;left:50vw;top:9vh;@media (max-height:590px){display:block;height:75vh;top:20vh;}} .logo{left:20px;width:120px;margin-top:64px;}.icon{border:0px;width:50px;@media (min-width:1400px){width:60px;}@media (max-height:500px){width:40px;}} h1{font-size:28px;white-space:nowrap;@media (max-height:560px){font-size:20px;margin-top:0px;}} #nameP{font-size:22px;@media (max-height:560px){margin-top:-10px;font-size:18px;}} #detailsP{font-size:20px;min-height:20px;white-space:nowrap;@media (max-height:560px){margin-top:5px;font-size:16px;}} .optionList{width:300px;}#gameButtons{@media (min-height:560px){margin-top:52px;}} #infoText{font-size:18px;@media (max-height:500px){font-size:16px;}} #testButtons{@media (min-height:560px){margin-top:50px;}} #copyright{position:fixed;bottom:0;width:98vw;height:46px;@media (max-height:590px) and (min-height:500px){position:absolute;top:540px;}@media (max-height:500px) and (min-height:400px){position:absolute;top:440px;}@media (max-height:400px){position:absolute;top:400px;}}}#activity{border:0;padding:0%;}.buttonImage{width:28px;height:28px;}#buttonGroup .button{background-color:#046140;border:1px solid white;color:white;text-align:center;text-decoration:none;font-size:10px;cursor:pointer;float:left;height:48px;}#buttonGroup .button:disabled{cursor:auto;opacity:0.7;}#buttonGroup .button:not(:last-child){border-right:none;}#buttonGroup .button:hover{background-color:#3e8e41;}a{text-decoration:none;}.logo{position:absolute;top:0px;}.round-img{width:100%;height:100%;clip-path:circle(50%);}div{text-align:center;}.titleDiv{padding-bottom:10px;}.roundButton{background-color:#046140;border:none;color:white;text-align:center;text-decoration:none;font-size:11px;cursor:pointer;height:42px;width:42px;border-radius:50%;}.roundButton:disabled{cursor:auto;opacity:0.7;}.roundButton:hover{background-color:#3e8e41;}.helpButton{background-color:lightgray;border:none;text-align:center;text-decoration:none;font-size:16px;font-weight:bold;cursor:pointer;height:28px;width:28px;border-radius:50%;margin-top:-6px;}.details{margin-top:-20px;margin-bottom:-12px;padding:0px;}#detailsP{display:inline-block;padding:0px;width:auto;}#gameButtons{margin-bottom:10px;}.gameButton{height:28px;width:69px;font-size:16px;font-weight:bold;}#imgWrapper{position:relative;display:inline-block;}progress{width:100%;max-width:95%;height:7px;visibility:hidden;}#imgWrapper .image{max-width:95%;border:1;display:block;margin-left:auto;margin-right:auto;}.accreditation{margin:auto;width:100%;max-width:95%;display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:-12px;}.optionsWrapper{margin-top:-5px;margin-bottom:10px;}.optionList{position:relative;display:inline-block;max-width:60%;}.optionList input{width:100%;padding:8px;box-sizing:border-box;font-size:16px;}.optionList ul{list-style:none;margin:0;padding:0;border:1px solid #ccc;max-height:272px;overflow-y:auto;position:absolute;width:100%;background:white;display:none;z-index:1000;}.optionList ul li{text-align:left;padding:8px;cursor:pointer;}.optionList ul li:hover{background-color:lightgray;}.optionList ul li.active{background-color:#007BFF;color:white;}#testButtons{width:100%;text-align:center;}.inlineText{margin:auto;width:90%;display:flex;justify-content:space-between;align-items:center;font-size:11px;}.spacer1{width:6px;display:inline-block;}.spacer2{width:20px;display:inline-block;}#dialog{width:300px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:white;border:1px solid #ccc;padding:20px;box-shadow:0 0 10px rgba(0, 0, 0, 0.4);z-index:1000;}#dialogTitle{text-align:left;font-size:18px;font-weight:bold;margin-bottom:10px;}#dialogText{text-align:left;}.dialogButtons{width:100%;display:flex;justify-content:center;}.dialogButton{margin-top:16px;width:86px;}.dialogSpacer{width:40px;display:inline-block;}#dlgBtn_0_wrapper{display:'none';}#overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);z-index:999;}.spinner{display:block;width:40px;height:40px;border:5px solid #ccc;border-top:5px solid #007bff;border-radius:50%;animation:spin 0.8s linear infinite;margin-left:auto;margin-right:auto;position:absolute;transform:translate(-50%, -50%);z-index:1000;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}