@font-face {
  font-family: 'darkbastion';
  src: url('/fonts/darkbastion.ttf') format('truetype');
}

@font-face {
 font-family: 'mxsperrypc8x16';
  src: url('/fonts/mxsperrypc8x16.ttf') format('truetype');
}

@font-face {
  font-family: 'coreldraw';
  src: url('/fonts/coreldraw.ttf') format('truetype');
}
.bigname {
	font-family: 'coreldraw';
	font-size: 300%;
}

.terminal {
  font-family: 'mxsperrypc8x16', monospace;
  /*font-size: 16px;*/
}

.header {
	margin-left: 175px;
	margin-right: 175px;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; 
}
	
body {
  background-image: url('backgrounds/burble.jpg');color:white;text-align: center;
  font-family: "Courier New", "Lucida Console", monospace;

}

img {
    max-width: 100%;
    height: auto;
}

tables {
	background-color:#8c8c8c;
}

a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: purple;
  background-color: transparent;
  text-decoration: line-through;
}

a:hover {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: red;
  background-color: transparent;
  text-decoration: underline overline;

}

/* sidebar menu */
.sidenav {
  height: 100%; /*Full-height: remove this if you want "auto" height */
  width: auto; /*Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top , 15% without chain*/
  left: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
  /*padding-left: 10px;*/
}

.sidenav2 {
  height: 100%; /*Full-height: remove this if you want "auto" height */
  width: auto; /*Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
  /*padding-right: 10px;*/
}

/* Style page content 125 commented*/
.main {
  margin-left: auto;  /*Same as the width of the sidebar -- edit: now 1/8 of screen */
  padding: 10px;
  margin-right: auto;
}

.flex-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.flex-home{
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.wrapper {
    display: flex;
    flex-direction: row;
}

hr {
/*color: #d6caff;*/	
background-color: #d6caff;
width: 100%;
height: 1px;
}

.footer {
	
}


/* On smaller screens, where height is less than 800px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 10px;}
  .sidenav2 {padding-top: 15px;}
  .sidenav2 a {font-size: 10px;}
}