#my-div {background:#000000;
    color: #000000;
    width: 600px;
    padding-top: 400px;
    padding-left: 400px;
    padding-right: 400px;
    padding-bottom: 300px;
    margin: 20px;}

#canvas {background: #ffffff;
        position: absolute;
        bottom: 59px;
        right: 122px;
        width: 1200px;
        height: 600px;
}


#line1 { border-left: 6px solid #ffffff;
    height: 500px;
    position: absolute;
    left: 5%;
    margin-left: -10px;
    top: 325;}

#line2 { border-left: 6px solid #ffffff;
    height: 500px;
    position: absolute;
    left: 95%;
    margin-left: 10px;
    top: 75;}

#yourprompt { color: #f13223;
    font-size: 25px;
    font-family: Luminari, fantasy; /*font-family: Arial Black; */
    font: small-caps bold 16px/1; 
    position: absolute;
    top: 30px;
    margin: 45px;
    text-align: left;
    display: flex;
}

#yourguess { color: #f13223;
    font-size: 25px;
    font-family: Luminari, fantasy; /*font-family: Arial Black; */
    font: small-caps bold 16px/1; 
    position: absolute;
    top: 30px;
    margin: 45px;
    text-align: left;
    display: flex;
}

#prompt {
    margin-left: 10px;
    display: flex;
    font-family: Luminari, fantasy;
    font: small-caps bold 16px/1;
}

#timeleft {
    color: #f13223;
    font-size: 40px;
    font-family: Luminari, fantasy; /*font-family: Arial Black; */
    font: small-caps bold 16px/1;
        position: absolute;
        bottom: -150px;
        margin-top: 50px;
        margin-bottom: 150px;
        margin-left: 300px;
        margin-right: 150px;
        text-align: right;
        width: 68%;
}

#horizontal1 {
        background:#ffffff;
        width: 40%;
        height: 6px;
        margin-left: -33px;
        margin-top: 65px;
}

#horizontal2 {
    background:#ffffff;
    width: 40%;
    height: 6px;
    position: absolute;
    right: 58px;
    top: 8.5%;
}

#rbox1 {
    Background: #f13223;
    height: 70px;
    width: 5%;
    position: absolute;
    bottom: 0%;
    left: 10%
}

#rbox2 {
    Background: #f13223;
    height: 70px;
    width: 6%;
    left: 0.5%;
    position: absolute;
    bottom: -6.89%
    
}

#rbox3 {

    Background: #f13223;
    height: 85px;
    width: 7%;
    left: 0.5%;
    position: absolute;
    bottom: 10%



}