html{font-family:Helvetica Neue,Arial,sans-serif;font-size:14px}body{height:100vh;margin:0;min-width:1000px;padding:0;position:relative;width:100%}footer,header{align-items:center;box-sizing:border-box;display:flex;font-family:Baskerville,Georgia,serif;height:10%;justify-content:center;padding:10px 0;text-align:center}.entrance,.test{height:80%;overflow:scroll;scrollbar-width:none}.entrance::-webkit-scrollbar,.test::-webkit-scrollbar{width:0}.entrance,.instruction{box-sizing:border-box;font-size:1.2rem;margin:0 auto;max-width:1000px;position:relative;width:80%}.instruction{height:100%}#page-5-container,#player-controls,.entrance-text,.instruction-text{border:1px solid rgba(60,179,113,.3);border-radius:20px;padding:20px}.entrance-text,.instruction-text{margin-bottom:10px;max-height:80%;text-align:justify}.entrance-text-paragraph,.instruction-text-paragraph{margin:0 0 15px}.entrance-text-paragraph:first-child{text-align:center}ul.entrance-text-paragraph{padding-left:40px}.entrance-text-paragraph:last-child,.instruction-text-paragraph:last-child{margin:0}.instruction-text-paragraph-img{display:block;margin:0 auto;max-height:50vh;max-width:100%}.instruction-text-table,.instruction-text-table tr{margin:0;padding:0}.instruction-text-table td{font-size:1.1rem;padding-right:10px}.instruction-text-table-term{color:#9c1428}#header{font-size:2rem}#player,#ring{height:80%;position:relative;width:100%}#content,#player,#player-container{height:100%}#rest{height:20%;margin:0 auto;width:fit-content}.label{align-items:center;background-color:#3cb371;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);width:50px}.label-text{border:1px dotted #000;border-radius:10px;min-width:110px;padding:5px 0;text-align:center}input{left:-9999px;position:absolute}input:checked+.label{background-color:crimson}button{background:#fff;border:1px solid #3cb371;border-radius:10px;box-sizing:border-box;cursor:pointer;min-width:110px;padding:10px}button:disabled{background:#dbdbdb;border-color:#9c1428;color:#a9a9a9}button:not(:disabled):hover{background:#eaf8f0}#ring-send{margin:40px auto 0}#player,.player-container{align-items:center;display:flex;justify-content:center}video{height:240px;margin-bottom:10px;width:320px}video#player-media{height:100%;width:auto}#player-controls{border:1px dotted #000;box-sizing:border-box;width:auto}.video-player-controls{height:100%}#page-3-container,#page-5-container,#player-controls{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}#player-controls,.entrance-buttons,.instruction-button{margin:0 auto;width:fit-content}.instruction-button:not(:last-child){margin-bottom:10px}video#page-5-sample{background-color:#dbdbdb;height:210px;margin-bottom:10px;width:280px}.test-button:not(:last-child){margin-right:10px}.input-data{border:1px solid #3cb371;border-radius:10px;padding:5px;position:static;width:100px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield;cursor:pointer;display:block;margin-top:3px;width:auto}input[type=number]:focus{outline:none}input[type=number]:valid:not(:placeholder-shown){border-color:#3cb371}input[type=number]:invalid:not(:placeholder-shown){border-color:#9c1428}#page-last-form{display:block}#page-last-form-container{display:flex;flex-wrap:nowrap;margin-bottom:10px}.page-last-form-label{display:flex;flex-direction:column;flex-wrap:nowrap;margin-right:2%;width:49%}.page-last-form-label:last-child{margin-right:0}#page-last-form-age-error{color:#9c1428;font-size:.8rem}.span,select{display:block}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url(594cb7485faa72183025.svg);background-position:right 10px top 50%,0 0;background-repeat:no-repeat,no-repeat;background-size:.7rem;border:1px solid #3cb371;border-radius:10px;box-sizing:border-box;cursor:pointer;margin-top:3px;padding:5px}#page-last-button{display:block;margin:0 auto}.test-completed{align-items:center;background:#eaf8f0;border-radius:0 10px 10px 0;display:flex;font-size:12px;height:50px;padding:5px;position:fixed;top:calc(50% - 25px);width:100px}.hidden{display:none}@media (max-height:750px){#ring{transform:scale(.8)}}@media (max-height:600px){#ring{transform:scale(.6)}}@media (max-height:500px){#ring{transform:scale(.5)}}