@import url("./fonts/stylesheet.css");

  

.lw {
    font-size: 2.5vh;
    color: #26a268;
    font-family: monobold
}

.lw::selection {
    color: #300a24;
    background: #26a268;
}

.w {
    font-size: 2.5vh;
    color: #FFFFFF;
    font-family: monoregular;
}

.w2 {
    font-size: 2.5vh;
    color: #FFF;
    font-family: monobold;
}

.w::selection {
    color: #300a24;
    background: #ffffff;
}

.w2::selection {
    color: #300a24;
    background: #ffffff;
}

.b {
    font-size: 2.5vh;
    color: #12488b;
    font-family: monobold
}

.b::selection {
    color: #300a24;
    background: #12488b;
}

#cursor {
    font-size: 2.5vh;
    color: #300a24;
    font-family: monospace;
    margin: 0;
}

.bottomtext {
    position: fixed;
    bottom: 1%;
    left: 0;
    width: fit-content;
    background-color: #FFF;
    color: #300a24;
    padding: 0px;
    margin-top: -.5em;
    line-height: 90%;
    font-family: monoregular;
    font-size: 2.5vh;
    display: block;
    z-index: 2;
}

.bottomtext::selection {
    color: #fff;
    background: #300a24;
}

.bottomtextright {
    position: fixed;
    bottom: 1%;
    right: 0;
    width: fit-content;
    background-color: #FFF;
    color: #300a24;
    padding: 0px;
    margin-top: -.5em;
    line-height: 90%;
    font-family: monoregular;
    font-size: 2.5vh;
    display: block
}

.bottomtextright::selection {
    color: #fff;
    background: #300a24;
}

.bottombar {
    content: "";
    position: fixed;
    bottom: 0%;
    width: 100%;
    height: 4%;
    background-color: #300a24;
    z-index: 1; /* Ensure the square is behind .bottomtext */
}

.txtbox {
    clear: left;
    display: block;
    margin-left: 10svh;
    margin-right:5%;
    width: fit-content;
    text-align:justify;

}

.txtarea {
    background-color: #300a24;
    width: 97%;
    height: 95%;
    position: fixed;
    overflow-x: hidden;
}

.subtext { 
    clear: left;
    display: block;
    margin-left: 10svh;
    width: fit-content;
    text-align: justify;
            
}
#currentLine {
    font-size: 2.5vh;
    color: #300a24;
    font-family: monospace;
    margin: 0;
}

.leftt {
    float: left;
    width: 33.33333%;
    text-align: left;
}

.middlet {
    float: left;
    width: 33.33333%;
    text-align: center;
}

.rightt {
    float: left;
    width: 33.33333%;
    text-align: right;
}


.fixed-bar {
    font-family: monospace;
    margin: 0;
}

.fixed-bar::selection {
    color: #fff;
    background: #300a24;

}

body {
    text-decoration-skip-ink: none;
}