body {
margin-bottom: auto;
padding:none;
 caret-color: transparent;
 ::selection {
  background: #61ff05;
}
  letter-spacing: -1.4px;
      font-size: 20px;

}


@font-face{font-family: ibawoff;src:url("Web437_IBM_BIOS.woff");format:opentype;}
@font-face{font-family:ibawoffalt;src:url("Web437_IBM_BIOS-2x.woff");format:opentype;
}

.center { justify-content:left;
align-items:left;
align-content: left;
  display: flex;
}


.site {display:flex;
  margin-bottom:auto;
height:600px;
width:900px;
border: 2px solid black;
}



.header {width: 900px;
  height: 130px;
  background-color: black;
  display:flex;
    position: relative;
    flex-direction: column;
}

.headertext {color:white; text-align: center; font-size: 46.5px;font-family:Arial, Helvetica, sans-serif; -webkit-text-stroke: 2px black; font-weight: 900;
       text-shadow: 1px 1px 4px white; margin-right: 5px; 
        transform: scale(1.15, 1.6);
         letter-spacing: -2.5px; margin-top: 14px;}

.header1 {width:900px;height: 80px;display: flex;flex-direction: column;
}
.navigation {width: 900px; height: 40px;display: flex;flex-direction: row;background-color: black;margin-left: auto;margin-right: auto;}

.navlist {background-color: black; color: white; width: fit-content; font-size: 23px; font-family: 'Times New Roman', Times, serif; font-weight: bolder; margin-top: auto; margin-bottom: auto;margin-left: 6px;margin-right: 6px; padding-left: 5px; padding-right: 5px;border: 2px white solid;  letter-spacing: -1.5px;transform:scale(1, 1.2);
}


a.nav:link{color: white;text-decoration: none; }
a.nav:visited{color: white;text-decoration: none;}
a.nav:hover{color:  red; font-family: Arial, Helvetica, sans-serif;font-size: 20px;}



.sidebarul {border:none;font-family:ibawoff;color:white;font-size:14px;padding:0;margin-left: 5px;margin-right: 5px;margin-bottom: 3px;margin-top: 3px;height:80%; flex-direction: column;width: 128px;}




.sidebarul2 {border:none;font-family:ibawoff;color:white;font-size:14px;padding:0;margin-left: 5px;margin-right: 5px;margin-bottom: 5px;height:20px; flex-direction: column;text-align: right;align-content: right;float: right;width: 128px;}


a.sidebara:link{color: white;}
a.sidebara:visited {color: white;}
a.sidebara:hover{color:#abfe01; font-family:ibawoffalt; font-size: 10px;  letter-spacing: -5px;}

a.headera:link{color: white;text-decoration: none;}
a.headera:visited{color: white;text-decoration: none;}
a.headera:hover{color: white;text-decoration: none;}

.sidebarli {margin-top: 3px;margin-bottom: 3px;background-color: blue;padding: 2px;}
.sidebarli2 {margin-top: 3px;margin-bottom: 3px;background-color: blue;align-content: right;text-align: right;  padding: 2px;
}



.notheader {display:flex;
  height: 470px;
  width: 900px;
}


.sidebar {  display:flex;
height: 470px;
width: 140px;
  position: relative;
flex-direction: column;

}

.main {
  display: flex; 
  background-image:url("https://i.pinimg.com/1200x/d1/cc/23/d1cc239d3d76789fab3ea4dc2280b148.jpg");
  height: 470px;
  width: 760px;
  position: relative;
  align-content: right;
}




.lefthalf {width: 460px;display: flex; height: 470px;}
.righthalf {width: 300px;display: flex; height: 470px;
}
.window {border: 3px grey outset;width: 270px; height: 400px;background-color: darkgrey;float: right;font-size: 18px;position: absolute;right:12px;top:10px;}
.windowheader {height: 20px; width: 268px;background-color: blue;background-image: linear-gradient(to right, blue, lime);font-family: Arial, Helvetica, sans-serif;border: lightgrey outset 1px;}
.windowannoyingdiv {width: 50%; display: flex; flex-direction: row;float: right;}
.windowsbox {width: 17px;height: 17px; display: flex;flex-direction: row;float:right;background-color: red;border: outset lightgrey 1px;align-content: center;}
.windowbar {height: 20px; width: 268px;border: outset lightgrey 1px;}
.sitemap{overflow-y:auto;
user-select: none;
overflow-x:hidden;
border:lightgrey outset 1px;
scrollbar-width: none;
scrollbar-color:transparent transparent;
display:flex;
 height:350px; width: 260px;
 margin:auto;
  align-content: center;
  justify-content: center;
}

ul {
  list-style-type: " ";
  border-left: 2px dashed blue;
  padding-left: 5px;
  align-content: left;
  display: inline-flex;
  position: relative;
  flex-direction: column;
  margin-left: 10px;
margin-top:7px;
margin-bottom:5px;
}

iframe {border: lightgrey outset 1px;margin-top:auto;height:350px; width: 260px;display: flex;user-select: none;}



p {margin: 5px;}