.modal{display:none;position:fixed;z-index:10;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:2px 16px;background-color:#5cb85c;color:#fff}.modal-body{padding:2px 16px}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}body{font-family:Roboto,serif;margin:0;padding:0;background-color:#f0f0f0;min-height:100vh;height:100vh;overflow:hidden}h1{font-size:4vh}p{font-size:3vh;line-height:1.5}button.jspsych-btn{font-size:2vh;padding:1vh 2vh;border-radius:.5em}input[type=checkbox]{font-size:2vh;width:1em;height:1em}label{font-size:2.7vh}.tutorial-state-estimation-btn{margin:10px}