
/*<style type="text/css">*/
  body {
        font-family: serif;
        font-size: 15pt;
        background-color: white;
        color:black;
    } 
    #title {
        font-size:18pt;
        text-align:center;
        margin:20 auto;
    }
    #Instruction1 {
        display:table;
        max-width: 50%; 
        margin: 0 auto; 
        margin-top: 0px; 
    }
    #continueInstructionButton {
        display: table;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);   
    }
    #startTrainingButton {
        display: none;
        position: absolute;
        left: 50%;
        bottom: 20%;
        transform: translate(-50%, -50%); 
    }
    #nextTrainingTrialButton {
        display: none;
        position: absolute;
        right: 10%;
        bottom: 40%;
        transform: translate(-50%, -50%);         
    }
    #Instruction2 {
        display:none;
        max-width: 50%; 
        margin: 0 auto; 
        margin-top: 0px; 
        text-align:left;
    }
    #Instruction3 {
        display:none;
        max-width: 50%; 
        text-align:center;
        margin: 0 auto; 
        margin-top: 10%; 
    }
    #Instruction4 {
        font-size: 15pt;
        display:none;
        position: absolute;
        left: 50%;
        bottom: 50%;
        transform: translate(-50%, -50%);  
    }
    #Instruction_break_10 {
        display:none;
        max-width: 70%; 
        margin: 0 auto; 
        margin-top: 50px; 
        text-align:center; 
    }
    #Instruction_break_50 {
        display:none;
        max-width: 70%; 
        margin: 0 auto; 
        margin-top: 50px; 
        text-align:center; 
    }
    #Instruction_break_75 {
        display:none;
        max-width: 70%; 
        margin: 0 auto; 
        margin-top: 15px; 
        text-align:center; 
    }
    #Instruction5 {
        display:none;
        max-width: 50%; 
        margin: 0 auto; 
        margin-top: 10px; 
        text-align:center; 
    }
    #canvas {
        display: none;
        background-color: gray;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); 
    }
    #canvas_fixation {
        display: none;
        background-color: black;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); 
    }
    #startExpButton {
        display: none;
        position: absolute;
        left: 50%;
        bottom: 50%;
        transform: translate(-50%, -50%); 
    }
    #nextTrialButton {
        display: none;
        position: absolute;
        right: 10%;
        bottom: 40%;
        transform: translate(-50%, -50%);         
    }
    #submitButton {
        display: none;
        position: absolute;
        left: 50%;
        bottom: 50%;
        transform: translate(-50%, -50%);         
    }
/*</style>*/
