/* FONT SECTION START */
            }

            font-face {
                font-family: GothicPixel;
                src: url('/scripts/fonts/gothic_pixel.ttf');
                font-weight: normal;
                font-style: normal;
            }

            font-face {
                font-family: GothicPixels;
                src: url('/scripts/fonts/GothicPixels.ttf');
                font-weight: normal;
                font-style: normal;
            }
            font-face {
            font-family: W95FA;
                src: url('/scripts/fonts/W95FA.ttf');
                font-weight: normal;
                font-style: normal;
            }
            font-face {
            font-family:  Gothic Punk;
                src: url('/scripts/fonts/Gothic_Punk.ttf');
                font-weight: normal;
                font-style: normal;
            }
            

/* TEXT STYLING START */

/* unvisited link */
a:link {
  color: #4610A8;
  text-decoration:none;}
/* visited link */
a:visited {
  color: #4610A8;
  text-decoration:none;}
/* mouse over link */
a:hover {
  color: #4610A8;
  text-decoration:none;}
/* selected link */
a:active {
  color: #A035FF;
  text-decoration:underline;}
/* text selection */
::selection {
color: #2E9FFA;
background: #82FFE8;}


/* WEBSITE CONTENT CENTERING START */
html {
  background-color:#080808;
  color:#fff;
  height:100%;
}

body {
  width:100%;
  height:100%;
	margin:0;
	overflow-y:hidden;
	}

.sitecontainer {
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}



/* DEFAULT WINDOW STYLING START */
.window {
display:block;
background:#D1D5DB;
color:black;
box-shadow:
inset -1px -1px #0a0a0a,
inset 1px 1px #dfdfdf,
inset -2px -2px grey,
inset 2px 2px #fff;
padding:3px;
}

.title-bar {
display:flex;
background-image:linear-gradient(to right, #a035ff, #59ecd9); /* PURPLE to BLUE */
align-items:center;
justify-content:space-between;
padding: 1px 2px 0px 3px;
}

.title-bar-text {
color:#fff;
font-family:'W95FA';
font-size:15px;
line-height:18px;
padding-bottom: 5px;
}

.title-bar-controls {
  display:flex;
}
	
.title-bar-controls button {
padding:0;
display:block;
min-height:14px;
min-width:16px;
border:none;
border-radius:0;
box-sizing:border-box;
background:#D1D5DB;
box-shadow:
inset -1px -1px #0a0a0a,
inset 1px 1px #fff,
inset -2px -2px grey,
inset 2px 2px #dfdfdf;
}
	
.title-bar-controls button:active {
  padding: 0;
}

.title-bar-controls button:focus {
  outline: none;
}

.title-bar-controls button[aria-label="Minimize"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom 3px left 4px;
}	
	
.title-bar-controls button[aria-label="Maximize"] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top 2px left 3px;
}	
	
.title-bar-controls button[aria-label="Close"] {
  margin-left: 2px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top 3px left 4px;
}	

.status-bar {
  margin: 0, 1px;
  display: flex;
  gap: 1px;
  font-family: W95FA;
  font-size: small;
  font-weight: 100;
}


.status-bar-field {
  box-shadow: var(--border-status-field);
  flex-grow: 1;
  padding: 5px;
  margin: 0;
box-shadow:
inset -1px -1px white,
inset 1px 1px gray,
inset -2px -2px white,
inset 2px 2px gray;
  font-size: small;
}

.options-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 5px 2px 3px 3px;
  font-family:'W95FA';
  font-size:11px;
}

/* MAIN WINDOW STYLING START */
.window-body {
  margin:4px 8px 4px 5px;
  font-family:'GothicPixel';
  font-weight:bold;
}

.lefttoolbar {
  width:55px;
  height:400px;
  overflow:hidden;
  display:inline-block;
  z-index:3;
  word-wrap:break-word;
  background-color:#D1D5DB;
  border-top:2px ridge #fff;
  border-bottom:2px ridge #fff;
  border-right:2px ridge #7B7B7B;
  color:black;
}

.contentcenter {
  overflow:auto;
  display:inline-block;
  word-wrap:break-word;
  border-top: 2px ridge #7B7B7B;
  border-right: 2px ridge #7B7B7B;
  border-bottom: 2px ridge #7B7B7B;
  background:url(/assets/textures/whitesatin3.jpg);
  margin-left:-3px;
}
/* MAIN WINDOW STYLING END */

#style-3::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: transparent;
}
#style-3::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}
#style-3::-webkit-scrollbar-thumb {
	background-color: #FF00B6;
}

.linkholder {
  position:absolute;
  margin-right:770px;
  margin-top:-460px;
}

#navigationlink:hover{
    filter: drop-shadow(0 0 1rem rgb(255,0,255));
}

.sidewindow {
  position:absolute;
  background: white;
  background-color: #a9a4bd;
  display:block;
  color:black;
  box-shadow:
  inset -1px -1px #0a0a0a,
  inset 1px 1px #dfdfdf,
  inset -2px -2px grey,
  inset 2px 2px #fff;
  padding:3px 4px 0px 4px;
  
}

.side-box {
  font-size: 13px;
  color: black;
  border: 2px ridge #7B7B7B;
  overflow:auto;
  margin-top:3px;
}

.innerbutton {
  padding: 4px 2px 2px 2px;
  margin:3px;
  border-top: 2px ridge #fff;
  border-left: 2px ridge #fff;
  border-right: 3px ridge #E0E0E0;
  border-bottom:3px ridge #E0E0E0;
  font-family:'GothicPixel';
  font-weight:bold;
  font-size:13px;
  background-color: #E0E0E0;
  color:#A035FF;
  text-align:center;
}
/*
.newsscrollbar { 
  background-color: #fff; 
	overflow-y: scroll; 
	margin-bottom:6px; 
}  */

#style-4::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: transparent;
}
#style-4::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}
#style-4::-webkit-scrollbar-thumb {
	background-color: #606060;
}


/* TASKBAR START */

.taskbar {
  position:fixed;
  bottom:0;
  width:100%;
  background-color:#340068;
  padding:2px;
  height:26px;
  margin-bottom:2px;
  box-shadow:
  inset 0px 1px #550099,
  inset 0px 2px #8400C1;
  color:black;
}

.startbutton {
  color:white;
  padding:2px;
  margin-top:2px;
  height:20px;
  width:67px;
  background-color:#340068;
  box-shadow:
  inset -1px -1px #0a0a0a,
  inset 1px 1px #550099,
  inset -2px -2px #100021,
  inset 2px 2px #8400C1;
  cursor:pointer;
}

.startbuttontext {
  font-family:'W95FA';
  font-size:11px;
  position:absolute;
  margin-left:21px;
  margin-top:4px;
}

#startmenu {
  width:161px;
  min-height:377px;
  padding: 3px;
  background-color: #340068;
  position:absolute;
  left:2px;
  bottom:26px;
  box-shadow:
  inset -1px -1px #0a0a0a,
  inset 1px 1px #550099,
  inset -2px -2px #100021,
  inset 2px 2px #8400C1;
  color:#fff;
  z-index:1000;
}

/* START MENU LINK STYLING START */
/* unvisited link */
#startmenu a:link {
  color: #fff;
  text-decoration:none;}
/* visited link */
#startmenu a:visited {
  color: #fff;
  text-decoration:none;}
/* mouse over link */
#startmenu a:hover {
  color: #fff;
  text-decoration:none;}
/* selected link */
#startmenua:active {
  color: #fff;
  text-decoration:none;}
/* START MENU LINK STYLING END */


.startmenusidebar {
  float:left;
  width:21px;
  height:100%;
  background: linear-gradient(0deg, #8c35de 0%, #fe01b6 100%); /* PINK to PURPLE */
  margin-right:2px;
}

.startmenubutton {
  width:161px;
  height:36px;
  cursor:pointer;
  font-family:'W95FA';
  font-size:11px;
}

.startmenusection, #startsectionclick {
  width:161px;
  height:16px;
  cursor:pointer;
}

.startmenubuttonsmall {
  width:161px;
  height:16px;
  cursor:pointer;
}

.timeholder {
  position:absolute;
  right:16px;
  margin-top:-18px;
  width:81px;
  height:22px;
  text-align:right;
  color:#fff;
}