.mobilefix { /* apply to <html> and <body> tags on long pages */
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

body {
    background-color: rgb(5 0 10);
    font-size: 16pt;
    font-family: "Courier New";

    /*wide-area glow*/
    color: rgb(200 150 150);
    filter: drop-shadow(rgb(80 40 70) 0px 0px 7500px); /*still on the fence abt the glow...*/
}

/* Format the terminal input line */
#input {
    margin-top: 24px; /* magic number :) */
    font-size: 0pt;
    white-space: nowrap;
}
#input span {
    font-weight: bold;
    color: rgb(200 150 150);
    display: inline;
    font-size: 16pt;
    white-space: pre-wrap;
    text-wrap: nowrap;
    margins: 0px;
    padding: 0px;
    filter: drop-shadow(0px 0px 1.5px);
}
#input #tabCmp {
    color: rgb(97 97 156);
}

.userText {
    font-weight: bold;
    color: rgb(200 150 150);
    font-size: 16pt;
    white-space: pre-wrap;
    filter: drop-shadow(0px 0px 1.5px);
    /* text-indent: 3em hanging; */
}

.stdContent {
    font-weight: light;
    color: rgb(200 150 150);
    font-size: 16pt;
    white-space: pre-wrap;
    filter: drop-shadow(0px 0px 1.5px);
}

.stdText {
    color: rgb(200 150 150);
    filter: drop-shadow(0px 0px 1.5px);
}

#content {
    margin: 15px;
}

#content div {
    text-wrap: wrap;
    padding: 0px;
}

.boxed {
    border: solid;
    margin: 5px;
    padding: 5px;
}

.floating {
    display: block;
    margin: auto;
    width: 80%;
}

.sticky {
    position: sticky;
    top: -1px; bottom: -1px;
    margin: 0px auto 0px 15px;
}
.stickyOpaque {
    background-color: rgb(5 0 10);
    filter: drop-shadow(rgb(200 150 150) 0px 0px 1.5px);
    border: solid;

}

h1 {
    color: rgb(255 200 200)
}

h2 {
    color: rgb(255 200 200)
}

h3 {
    color: rgb(255 200 200)
}

strong {
    color: rgb(255 200 200)
}


a:link {
    color: rgb(200 150 150);
    background-color: rgba(0 0 0 0);
}

a:visited {
    color: rgb(200 150 150);
    background-color: rgba(0 0 0 0);
}

a:hover {
    color: rgb(5 0 10);
    background-color: rgb(200 150 150);
}

/*narrow screen defaults*/
.narrow {
    display: inherit;
}
.wide {
    display: none;
}
@media screen and (min-width: 1250px) {
    /*wide screen overrides*/
    .narrow {
        display: none;
    }
    .wide {
        display: inherit;
    }
}
