/*Note: I use Lexend because it is easy for me to read and I personally like how it looks, feel free to use your own preferred font!*/

@import url("https://fonts.googleapis.com/css?family=Lexend&display=swap");

body {

  background-color: #191516;

  color: #eec4dc;

  font-family: "Lexend";

  

  /*below are if you want an image as the background! */

  

  background-image:url("");

	background-repeat: no-repeat;

  background-size: 100%;

  background-attachment: fixed;

  }

/*Below is for the home button*/

button {

  width:150px;

   border:2px;

   padding:3px;

   border-radius:10px;

   background-color:#ac274f;

   border-color:#1a43bf;

   cursor:pointer;

   font-size:35px;

}

/*Below is for the tables*/

table {

	font-family: "Lexend", sans-serif;

	border-collapse: separate;

	width: 60%;

	border-radius: 50px;

	border-spacing: 15px;

	overflow: scroll;

}

td,

th {

	border: none;

	border-radius: 50px;

	padding: 20px;

	background-color: #ac274f;

	 vertical-align: top;

}

td:hover {

	background-color: #ac274f;

	color: #eec4dc;

}

th {

	padding-top: 20px;

	padding-bottom: 20px;

	text-align: left;

	background-color: #ac274f;

	color: #b8e5e7;

}

/*Below is for the navigation bar*/

    .navbar {

  overflow: hidden;

  background-color: #ac274f;

  	width:50%;

	border-radius:40px;

}

.navbar a {

  float: none;

  font-size: 50px;

  color: white;

  background-color:black;

  text-align: center;

  padding: 14px 16px;

  outline: 5px;

	outline-color: white;

	border: 5px;

	border-color: white;

  text-decoration: none;

}

.navbar a:hover, .dropdown:hover .dropbtn {

  background-color: #eec4dc;

	color:black;

}

/*These are for text boxes... IIRC. The post boxes.*/

.container {

  width: 100%; /* Or a specific width */

  height: 300px; /* Or a specific height */

  display: flex; /* Or use grid or other layout methods */

  /* Add any other desired styling */

  overflow-y: auto; /* Or scroll */

  /* overflow-x: hidden;  (optional) */

  transform: scaleX(-1); /* Flip the container */

  background-color: #1b2021;

  color: #001669;

  font-family:Trebuchet MS;

}

.scrollable-content {

  width: 100%; /* Or a specific width */

  height: 200; /* Or a specific height */

  overflow-y: auto;

  overflow-x:hidden;/* Enable vertical scrolling */

   transform: scaleX(-1); /* Flip the content back */

}

  /* Add any other desired styling */

/*Below is for link styling!*/

a:link {

  background-color: transparent;

  text-decoration: none;

}

a:visited {
  
  color: black;

  background-color: transparent;

  text-decoration: none;

}

a:hover {

  color: #ff3aab;

  background-color: transparent;

  text-decoration: underline;

  border-radius:50px;

}

a:active {

  color: cyan;

  background-color: transparent;

  text-decoration: underline;

}