/* Windows 95 Style CSS */

body {
background-color: #008080; /* Classic teal desktop */
font-family: 'MS Sans Serif', Tahoma, Geneva, sans-serif;
color: black;
margin: 0;
padding: 0;
}

/* Window style */
.window {
background-color: #C0C0C0; /* Light gray */
border: 2px solid #FFFFFF; /* Top/Left highlight */
border-right: 2px solid #000000; /* Bottom/Right shadow */
padding: 5px;
margin: 20px;
width: 300px;
}

/* Window title bar */
.window .title-bar {
background: #000080; /* Dark blue */
color: white;
padding: 2px 5px;
font-weight: bold;
text-shadow: 1px 1px 0 #000080;
}

/* Title bar buttons */
.window .title-bar .button {
float: right;
background: #C0C0C0;
border: 2px solid #FFFFFF; /* Top/Left highlight */
border-right: 2px solid #000000; /* Bottom/Right shadow */
width: 16px;
height: 14px;
text-align: center;
line-height: 14px;
margin-left: 2px;
cursor: pointer;
}

/* Content inside the window */
.window .content {
background-color: #C0C0C0;
padding: 10px;
border: 2px solid #FFFFFF; /* Top/Left highlight */
border-right: 2px solid #000000; /* Bottom/Right shadow */
}

/* Buttons */
.button {
font-family: 'MS Sans Serif', Tahoma, Geneva, sans-serif;
font-size: 12px;
background: #C0C0C0;
border: 2px solid #FFFFFF; /* Top/Left highlight */
border-right: 2px solid #000000; /* Bottom/Right shadow */
padding: 2px 8px;
cursor: pointer;
}

/* Pressed button effect */
.button:active {
border: 2px solid #000000;
border-right: 2px solid #FFFFFF;
}

/* Lists like Explorer */
ul.file-list {
list-style: none;
padding: 0;
margin: 0;
}

ul.file-list li {
padding: 2px 5px;
margin: 1px 0;
border: 1px solid transparent;
}

ul.file-list li:hover {
border: 1px solid #000080;
background-color: #C0C0C0;
}

/* Optional scrollbars like Windows 95 */
::-webkit-scrollbar {
width: 16px;
height: 16px;
}

::-webkit-scrollbar-thumb {
background-color: #808080;
border: 2px solid #C0C0C0;
}

::-webkit-scrollbar-track {
background-color: #C0C0C0;
}