* {
    background-color: #BFBFBF;
    box-sizing: border-box;
}

#wholepage {
    margin: auto;
    width: 640px;
    max-width: 640px;
    height: 800px;
    border: 3px solid #dadada;
    border-bottom: 3px solid #424242;
    border-right: 3px solid #888888;
    display: block;
    overflow: hidden;

}

#browserheader {
    width: 640px;
    padding: 3px;
    border: 2px solid #dadada;
    border-bottom: 2px solid #424242;
    border-right: 2px solid #888888;
    display: flex;
}    

#browsertext {
    font-family: "system3.1";
    margin: 0px 10px;
    font-size: small;
}

#helptext{
    font-family: "system3.1";
    width: fit-content;
    height: fit-content;
    margin: 0px 180px;
    font-size: small;
}

#mosaicheader {
    display: flex;
    height: fit-content;
    width: auto;
}

#title, #url {
    display:flex;
    flex-direction: row;
    margin-left: 10px;
    align-items: center;
    font-family: "system3.1";
    font-size: 13px;
    color: #0303b9;
}

#title {
    margin-top: 1px;
}


#mosaiclogo {
    width: 14%;
    height:auto;
    justify-self: flex-end;
    overflow: scroll;
}

#doctitle {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#mosaicbrowser {
    font-family: 'Times New Roman', 'Times New Roman', Times, serif;
    font-size: 15px;
    margin: 10px;
    height: 75%;
    width:610px;
    border: 2px solid #dadada;
    border-top: 2px solid #424242;
    border-left: 2px solid #424242;
    padding-left: 9px;
    word-wrap: break-word;
    overflow: scroll;
    overflow-x: hidden;
}



#blinkiefooter {
    height: 30px;
    display:flex;
    place-content: center;
    overflow:hidden;
    margin-bottom: 5px;
}

#blinkiefooter img {
    width: auto;
    height: 30px;
    margin: 0px 10px;
}


.searchbars {
    font-family: "bitmapcourier";
    color: #000;
    border: 2px solid #dadada;
    border-top: 2px solid #424242;
    border-left: 2px solid #424242;
    background-color: #9c9c9c;
    padding-left: 5px;
    margin-left: 10px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
}

.searchbars p {
   background: #9c9c9c;
   width:fit-content;
   height:fit-content;
   margin-top: 0px;
   margin-left: 3px;
   font-size: 23px;
}

.headerbar {
    width:80%;
}

hr {
    width: 560px;
}

@font-face {
    font-family: 'timesnewpixel';
    src: url('/fonts/timesnewpixel-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bitmapcourier';
    src: url('/fonts/bitmapcourier-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'system3.1';
    src: url('/fonts/system3.1.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fixedsys';
    src: url('/fonts/FSEX300.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* UPDATE MY CSS YOU FREAKING FREAKERSSS!!!! RAH!!! */