/* The commented-out border styles were to test where elements were being placed relative to each other */
@font-face {
    font-family: "DOS";
    src: url("https://archive445.net/fonts/Perfect DOS VGA 437 Win.ttf") format("truetype");
} a{
	text-decoration: none;
	color: #ff7b88;
} a:hover{
	text-decoration: underline;
	color: white;
}.bigthing {
	display: flex;
    /* border: 2px dashed red; */
    height:auto;
}.inlinething {
	width: 100%;
    height: inherit;
    /* border: 2px dashed blue; */
}.main {
	width:1000px;
    height:800px;
    margin-left: auto;
    margin-right: auto;
    /* border: 2px solid red; */
    position: relative;
}.header {
    top: 0;
    width: auto;
    height:130px;
    display: flex;
    flex-wrap: wrap;
 	align-items: center;
    /* border: 2px solid blue; */
    margin-left: 5px;
    background-color: #000000;
    color: white;
    background-image:url('https://archive445.net/images/window-bg.png');
    background-position:center;
    background-repeat:no-repeat;
}.topbar {
    width: 100%;
    padding-top:13px;
    /* border: 2px solid green; */
    height: 52px;
    margin-top:0px;
    margin-bottom:5px;
    display: inline-block;
    background-color: #402528;
    background-image:url('https://archive445.net/images/draft_topbar_bg.png');
}.sidebar {
	margin-right:10px;
	height:700px;
	width:200px;
    background-color: #402528;
    padding-top:3px;
    background-image:url('https://archive445.net/images/sidebar.png');
    color: #ff7b88;
    /* border: 2px solid black; */
}.body-main{
	margin-top: 5px;
    height: 625px;
    padding: 5px;
    color: #ff7b88;
    /* border: 2px solid gray; */
    position: relative;
    background-image: url('https://archive445.net/images/dde_body.png');
}.body-top{

}.body-bottom{

}.topbar-button{
	padding: 3px;
    margin: 10px;
    font-size: 2em;
    border: 6px inset #5a2423;
    background-image: linear-gradient(#5a2423, #1e1118);
      clip-path: polygon(
    0 20%,
    10% 0,
    90% 0,
    100% 20%,
    100% 80%,
    90% 100%,
    10% 100%,
    0% 80%
  );
    padding-left: 30px;
    padding-right: 30px;
    color: #ff7b88;
}.topbar-button:hover{
	border: 6px inset #a41b40;
    background-image: linear-gradient(#a41b40, #360815);
    color: white;
}.sidebar-button{
    padding: 3px;
    margin: 10px;
    font-size: 1.5em;
    background-image: linear-gradient(#5a2423, #360815);
    color: #ff7b88;
    border: 4px solid #1e1118;
}.sidebar-button:hover{
    background-image: linear-gradient(#a41b40, #360815);
    color: white;
}.sidebar-header{
    height:30px;
    border-radius:8px 8px 0px 0px;
    text-align:center;
    margin-top:-20px;
    color: white;
}.widget-bottom{
    position:absolute;
    bottom:20px;
    height:100x;
    width:100px;
    padding:120px;
    border:2px dashed white;
}.widget-top{
    float:left;
    height:100x;
    width:100px;
    padding:50px;
    border:2px dashed white;
    margin-right:15px;
}.social{
    width:15px;
}body { 
      color: #0d0d0e; 
      background-color: black; 
      font-family: DOS;
}.scrollImg{
height:190px;
width:auto;
margin-left:20px;
}.fullImg{
width:100%;
}.topbar-mech{
position:absolute;
right:-26px;
top:38px;
}