/* This CSS is bad and unorganized... sorry */
/* I'll comment where possible */  


/* font */ 
*{font-family: "Terminus (TTF)", "Terminus", "MS PGothic", "MS Gothic", monospace;}

/* contains the cursor and background, should of just used a color value instead of a massive imgur image, it works at least */ 
body {
    background: url(https://i.imgur.com/Najb94o.png);


    font-family: Arial;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 45px;
    font-size: 15px;
cursor: url('data:image/x-icon;base64,AAACAAEAICACAAAAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAABgAAAAwAAAAMAAAAGAAAARgAAAGwAAAB8AAAAf4AAAH8AAAB+AAAAfAAAAHgAAABwAAAAYAAAAEAAAAAAAAAAAAAAAAAAAA/////////////////////////////////////////////////////////////////+f////D////w////4f///eH///zD///8Q////Af///wAf//8AP///AH///wD///8B////A////wf///8P////H////z////9/////////8='), auto;
}

/* color code for the header and the menu bar */ 

#header {
    background: #55abaa;
}
#hSub {
    background: #008080;
}

/* contains the estonian flag which goes before the country field */ 

div#country::before {
    content: url(https://i.imgur.com/Jz7RMJv.gif);
    font-size: 0px !important;
    color: transparent !important;
}

div#country: {
    font-size: 0px;
    color: transparent !important;
}
/* contains the 'it is now safe to turn off your computer', i had to sort of play around with paint so it fit properly */ 

.extended {
  background-image: url('https://i.imgur.com/T7nbTXO.png');
  background-repeat: no-repeat;
  color: white;
}

/* contains the MS logo and hides the myspace text */
 
a.logo::before {
    content: "ms";
    color: transparent;
    background: url(https://i.imgur.com/h844Fi0.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 70px;
    position: relative;
}
a.logo {
    font-size: 0px;
    width: 800px;
    height: 100px;
}

/* adds the win98 gif to the media player */ 
.player::after {
  content: "";
  white-space: pre-wrap;
  display: block;
  background-position: center;
  height: 300px;
  background-image: url(https://media.tenor.com/vp-3xHMSevwAAAAC/microsoft-windows98.gif);
  background-size: 100% 100%;
}

/* Fake notification */ 
span#hUp::before {
 content: "Update to Windows 98 SE!";
font-size: 13px;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
animation-name: blinkingTextYellow;
}

/* Hides the last login info and replaces it with a fake one, ive used this on my main acc (id10) aswell */ 
#lastLogin {
    font-size: 0px !important;
}
#lastLogin:after {
    content: " 1999/05/12";
    font-size: 11px !important;
}

/* this button code belongs to GooglePlex */ 
.url::after {
  content: url(https://cyber.dabamos.de/88x31/bestviewed.gif) url(https://anlucas.neocities.org/bunbrowser.gif) url(https://anlucas.neocities.org/rarnow.gif) url(https://anlucas.neocities.org/win98_89.gif) url(https://anlucas.neocities.org/aniquake.gif) url(https://cyber.dabamos.de/88x31/csphl_link.gif) url(https://anlucas.neocities.org/yahoo2.gif) url(https://cyber.dabamos.de/88x31/filetransit.gif) url(https://cyber.dabamos.de/88x31/firefox3.gif) url(https://cyber.dabamos.de/88x31/ienuke.gif) url(https://cyber.dabamos.de/88x31/neoplanet.gif) url(https://cyber.dabamos.de/88x31/netscape_newsletter.gif)
}

/* contains custom colors for the comments, tableLeft is the left part which contains the avatar, tableRight is the actual comment */ 
.rightHead, .tableRight {
background: #008080;
color: #fdffff;
}

.tableLeft {
background: #008080;
}