body {
    background-image: url("/images/normalstuff/misc/wallpaper.jpg");
    background-size: cover;
    margin: 0;
    overflow: hidden
}

html {
    cursor: url('/images/normalstuff/cursors/ArrowCursor.png'),auto;
}

#taskbar {
    height: 35px; 
    position: fixed; 
    bottom: 0%;
    width: 100%; 
    background-color: #c0c0c0;
    z-index: 100;
}

#time {
    color: black;
    display: inline-block;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#contextmenudiv {
    position: absolute; 
    background-color: white;
    border-radius: 2px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    width: auto; 
    height: auto;
}

.contexttext {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
}

.startmenu {
    width: 210px;
    height: 371px;
    background-color: #d4d0c8;
    position: fixed;
    bottom: 0%;
}

.startbutton {
    box-shadow: inset -1px -1px #000000,inset 1px 1px #ffffff,inset -2px -2px #808080,inset 2px 2px #dfdfdf;
    border: none;
    width: 35px;
    height: 33px;
    margin-left: 5px;
    margin-top: 1px;
    background-color: #c0c0c0;
    background-image: url("/images/normalstuff/misc/startbutton.png");
    image-rendering: pixelated;
    cursor: url('/images/normalstuff/cursors/ArrowFarCursor.png'),auto;
}

#winampicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#winampicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#steamicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#steamicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#bonziicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#bonziicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#notepadicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#notepadicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#bouncyballicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#bouncyballicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#settingsicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#settingsicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#afpsettingsicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#afpsettingsicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#feedbackicon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#feedbackicon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#changelog {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#changelog:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#internetchanneltrialmp3icon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#internetchanneltrialmp3icon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#calculatoricon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#calculatoricon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#scratch2icon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#scratch2icon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#spacecadeticon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#spacecadeticon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#folder1icon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#folder1icon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#folder2icon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#folder2icon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}

#foldericon {
    position: absolute;
    justify-content: center;
    width: 80px;
    height: 110px;
}

#foldericon:hover {
    background-color: rgba(160, 160, 160, 0.548)
}


#bouncyballsettings {
    position: absolute;
}

#settings {
    position: absolute;
}

#notepad {
    position: absolute;
}

#afpsettings {
    position: absolute;
}

#feedback {
    position: absolute;
}

#bouncyballcanvas {
    position: absolute;
}

#calculator {
    position: absolute;
}

#scratch2 {
    position: absolute;
}

#spacecadet {
    position: absolute;
}

#folder {
    position: absolute;
}

#browsergp {
    position: absolute;
}

.icontext {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    color: white;
}

.startbutton:active:hover {
    box-shadow: inset -1px -1px #ffffff,inset 1px 1px #000000,inset -2px -2px #c0c0c0,inset 2px 2px #c0c0c0;
}

.navybtn {
    box-shadow: inset -1px -1px #282e22,inset 1px 1px #808080,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
    background-color: #4c5844;
    font-family: tahoma;
    border: none;
    height: 25px;
    width: auto;
    color: white;
    text-align: left;
    cursor: url('/images/normalstuff/cursors/ArrowFarCursor.png'),auto;
}

.navybtn:active:hover {
    box-shadow: inset -1px -1px #808080,inset 1px 1px #282e22,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
}

.navyfield {
    background-color: #4c5844;
    box-shadow: inset -1px -1px #808080,inset 1px 1px #282e22,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
    border: none;
    color: white;
    font-family: tahoma;
    width: 331px;
    height: 24px;
}

.navytext {
    font-family: tahoma;
    color: #97a176;
}

.navychecktext {
    font-family: tahoma;
    color: #c4b550;
}

.navycheck {
    box-shadow: inset -1px -1px #87907f,inset 1px 1px #282e22,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
    border: none;
    color: #4c5844;
    accent-color: #4c5844;
    cursor: url('/images/normalstuff/cursors/ArrowCursor.png'),auto;
}

#steamappdiv {
    cursor: url('/images/normalstuff/cursors/ArrowCursor.png'),auto;
    position: absolute;
    background-color: #4c5844;
    height: auto;
    width: 480px;
    box-shadow: inset -1px -1px #282e22,inset 1px 1px #808080,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
}

.navyclose {
    box-shadow: inset -1px -1px #282e22,inset 1px 1px #808080,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
    background-image: url("data:file/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAMUExURYCAgCguIkxYRIeQf3gzdkcAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA8SURBVBjTY4ADRgYmJShQJIpprKSkbARlGoEQmKlsrGwMU2sMFIQyQYIYokhqkUxAMpcU58CYglAgKAgA8b4XyNH9dc4AAAAASUVORK5CYII=");
    border: none;
    width: 20px;
    height: 20px;
    cursor: url('/images/normalstuff/cursors/ArrowFarCursor.png'),auto;
    image-rendering: pixelated;
}

.navyminimize {
    box-shadow: inset -1px -1px #282e22,inset 1px 1px #808080,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
    background-image: url("data:file/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAMUExURYCAgCguIkxYRIeQf3gzdkcAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAgSURBVBjTY4ADRgYmJShQpDtT2djYGJNJlmGCUCAoCABiARaqNARXXQAAAABJRU5ErkJggg==");
    border: none;
    width: 20px;
    height: 20px;
    cursor: url('/images/normalstuff/cursors/ArrowFarCursor.png'),auto;
    image-rendering: pixelated;
}

.navyclose:active:hover {
    box-shadow: inset -1px -1px #808080,inset 1px 1px #282e22,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
}

.navyminimize:active:hover {
    box-shadow: inset -1px -1px #808080,inset 1px 1px #282e22,inset -2px -2px #4c5844,inset 2px 2px #4c5844;
}

.centerdiv {
    margin: auto; 
    display: flex;  
    justify-content: center;
    align-items: center;
    text-align: center;
}

body::-webkit-scrollbar {
    width: 16px;
}

body::-webkit-scrollbar-button {
    height: 16px;
}
  
body::-webkit-scrollbar-track {
    background: url("/images/normalstuff/misc/backgroundscroll.png"); 
    image-rendering: pixelated;
}
  
body::-webkit-scrollbar-thumb {
    box-shadow: inset -1px -1px #000000,inset 1px 1px #dfdfdf,inset -2px -2px #808080,inset 2px 2px #ffffff;
    background-image: url("/images/normalstuff/misc/scroll.png");
    image-rendering: pixelated;
}

::-webkit-scrollbar-button:vertical:increment {
    background-image: url("/images/normalstuff/misc/scrollbardown.png");
    image-rendering: pixelated;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-image: url("/images/normalstuff/misc/scrollbarup.png");
    image-rendering: pixelated;
}