body {
    width: 1500px; /*1600*/
    margin: auto; 
	font-size:18pt; /*20*/
    padding:30px 20px 20px 20px;
    border: 5px solid white;
}

#welcome {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    text-align: justify;
}

.welcomeButton {
    width: 230px;
    margin: 0 auto; 
    padding:5px;
    text-align: center;
    font-weight: bold;
    background: #f4f4f4;
    border: 4px outset #dbdbdb;
}

.welcomeButton:hover {
    background-color: white;
}

.instruction-container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    overflow-y: auto;
    position: relative; 
}

.instructions {
    text-align: justify;
    display: none;
}

.underscored-red {
    text-decoration: underline;
    color: red;
}

.button-container {
    position: relative;
    margin-top: 25px;
}

.sampleImage {
    max-width: 100%; 
    height: auto; 
    margin-bottom: 10px; 
}

.startButton {
    width: 230px;
    margin: 0 auto; 
    padding:5px;
    text-align: center;
    font-weight: bold;
    background: #f4f4f4;
    border: 4px outset #dbdbdb;
}

#instructionButton4 {
    visibility: hidden;
}

.crossDiv {
    text-align: center;
    display: none;
}

.crossImage {
    width: 481.84px;
}

.showTrialInstruction {
    display: none;
    height:135px;
}

.trialInstruction {
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    visibility: hidden;
}

.extraInstruct {
    visibility: hidden;
}

.trialDiv {
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
    display: none;
    flex-flow: row;
}

.subTrialDiv {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trialDivLeft {
    display: none;
} 

.trialDivRight {
    display: none;
}

.video-overlay {
    width: 750px;
    height: 430px;
    background-color: grey; /* Set the background color for masking */
    opacity: 0.5; 
    z-index: 1;
    display: none; 
}

.showDivRight {
    display: none;
}

.trialDivRightCompo {
    display: flex;
    flex-flow: column;
}

.trialDivRightPrompt {
    font-size: 13pt;
    margin-bottom: 25px
}

.trialDivRightSub p {
    margin: 0px;
    padding: 0px;
}

.word-input {
    flex: 1;
    font-size: 10px;
    line-height: 1.5;
}

.trialVideo {
    width: 750px;
    max-height: 482.19px;
}

.InstructVideo {
    width: 750px;
}

.survey {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    text-align: justify;
    display: none;
}

#Screen_break {
    margin: 20px;
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    display: none;
}

#AttentionScreen {
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    display: none;
}

.Attention {
    text-align: center;
    flex-flow:row;
    display: none;
}

.subAttenCheck {
    align-items: center;
    justify-content: center;
    display:flex;
}

.attenRight {
    padding:20px;
    visibility: hidden;
}

#surveyAT {
    font-size: 13pt;
}

.checkVideo {
    width: 750px;
    max-height: 482.19px;
}

#EndScreen {
    text-align: center;
    font-size: 15pt;
    font-weight: bold;
    display: none;
}