html {
	scroll-behavior: smooth;
  }

a {
	text-decoration: none;
}

div > a {
	text-decoration:none;
  }
  
  .timestamp {
	  font-size: 14px;
	  text-decoration: none;
	  /*color: gray;*/
  }
  /* Spacing */
  h1, h2, h3, p, .timestamp {
	  margin-top: 1em;
  }
  
  .container {
	  max-width: 50rem;
	  padding: 2rem 1rem 2rem 1rem;
	  padding:2rem 1.5rem;
	  margin-left:auto;
	  margin-right:auto;
  }
  
  span.separator {
	  display: block;
	  margin: 42px 0 48px 0;
	  width: 100%;
  }
  span.divider {
	  display: block;
	  width: 100%;
	  background-color: #eee;
	  height: 1px;
	  margin: 0 auto;
  }
  
  .microblog_conversation {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid lightgray;
  }
  
  .microblog_post {
	padding-top: 20px;
	padding-bottom: 20px;
  }
  
  .microblog_avatar {
	border-radius: 10px;
	vertical-align: top;
  }
  
  .microblog_time {
	font-size: 13px;
	padding-top: 10px;
	color: gray;
  }
  
  .microblog_time a {
	color: gray;
	text-decoration: none;
  }
  
  /* Dark Mode */
  @media (prefers-color-scheme: dark) {
  body, .jumbotron, .table{
  color: #fafafa;
  background-color: #000000;
  }
  .modal-title {
	  color: #000000;
  }
   span.divider {
	  display: block;
	  width: 100%;
	  background-color: #343a40;
	  height: 1px;
	  margin: 0 auto;
  }
  
  .microblog_conversation {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid darkgrey;
  }
   }

   .timestamp {
	font-size: 14px;
	text-decoration: none;
	/*color: gray;*/
}
span.separator {
	display: block;
	margin: 21px 0 48px 0;
	width: 100%;
}

span.divider {
	display: block;
	width: 100%;
	background-color: #eee;
	height: 1px;
	margin: 0 auto;
}

span.separator:last-child {
	display: none;
}

/* Spacing */
h1, h2, h3, p, .timestamp {
	margin-top: 1em;
}

img {
  padding: 1px;
  max-width: 200px;
}

.container {
	max-width: 800px;
}

.col {
	max-width: 600px;
}

.col, .wide-col {
	max-width: 6000px;
}

.badge {
	cursor: pointer;
}

@media only screen and (max-width: 600px){
	.me {
		max-width: 200px;
	}
}

.heart, .likedheart {
	cursor: pointer;
	text-decoration: none;	
}

.heart:hover, .likedheart:hover {
	text-decoration: none;	
}

.heart:after{
	content: "♡";
}

.heart:hover:after{
	content: "♥";
}

.likedheart:after{
	content: "♥";
}


/*	
.form-control, .form-control:focus, .btn-comment {
	border-top-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
	border-bottom-style: hidden;
	
}
*/


/* Dark Mode */
@media (prefers-color-scheme: dark) {

	/*
body, .jumbotron, .form-control, .btn-comment, .form-control:focus
 
{
	
	border-top-style: hidden;
	border-right-style: hidden;
	border-left-style: hidden;
	border-bottom-style: hidden;
	
	color: #fafafa;
	background-color: #000000;
	
}
*/

.modal-title {
	color: #000000;
}

span.divider {
	display: block;
	width: 100%;
	background-color: #343a40;
	height: 1px;
	margin: 0 auto;
}

.pagination-dark .page-link{color:#f8f9fa;background-color:#343a40;border-color:#6c757d}.pagination-dark .page-link:hover{color:#f8f9fa;background-color:#6c757d;border-color:#6c757d}.pagination-dark .page-link:focus{outline:0;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.pagination-dark .page-item.active .page-link{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.pagination-dark .page-item.disabled .page-link{background-color:#343a40;border-color:#6c757d}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}

}