.main {
	display: block;
	text-align: left;
	margin: 0;
}
@media screen and (min-width: 800px) {
	.main {
		width: 858px;
	}
}

ul {
    list-style-type: none;
}

.links-list {
    margin: auto;
    text-align: center;
    font-size: 30px;
    
    
}

.links-list li {
    
    align-items: center;
    justify-content: space-between;
    border: 2px solid #7c6f64;
    width: 300px;
    margin: auto;
    margin-top: 10px;
    a:link {
	display: block;
	color: #282828;
	text-decoration: none;
	background-color: #83a598;
    }
    a:visited {
	color: #282828;
	text-decoration: none;
    }
    a:hover {
	color: #282828;
	text-decoration: none;
	background-color: #458588;
    }
    a:active {
	color: #282828;
	text-decoration: none;
    }
}

.links-list img {
    border: 0px solid ;
    margin-right: auto;
    margin: auto;
}

.header-image {
	content: url("/images/header-image.png");
	width: 100%;
}

img {
    border: 2px solid #7c6f64;
}

img:not(.feedicon) {
    max-width: 100%
}

#links {
	text-align: left;
	width: 750px;
}

.indent {
	padding-left: 20px;
	list-style-type: none;
}

.doubleIndent {
	padding-left: 40px;
}

body {
	background-color: #282828;
	color: #ebdbb2;
}

body {
    font-family: 'Trebuchet MS', sans-serif;
}

* {
    scrollbar-color: #fb4934 #83a598;
}

a:link {
    color: #d3869b;
    text-decoration: none;
}
a:visited {
    color: #fe8019;
    text-decoration: none;
}
a:hover {
    color: #b16286;
    text-decoration: none;
}
a:active {
    color: #458588;
    text-decoration: none;
}



/*.blog-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
%    width: 500px;
}*/

.projects-table {
    border-collapdisplay: flex;
    align-items: center;
    justify-content: space-between; /* Ensure content is spaced out */se: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    /*box-shadow: 0 0 20px #1d2021;*/
}

.projects-table table, th, td {
    border: 1px solid;
}

.projects-table thead tr {
    background-color: #b8bb26;
    color: #ebdbb2;
    text-align: left;
}

.projects-table th,
.projects-table td {
    padding: 12px 15px;
}

.projects-table tbody tr {
    border-bottom: 1px solid #ebdbb2;
}

.projects-table tbody tr {
    background-color: #1d2021;
}

.projects-table tbody tr:last-of-type {
    border-bottom: 2px solid #98971a;
}
.projects-table tbody tr:first-of-type {
    border-bottom: 2px solid #98971a;
}
.projects-table tbody tr.active-row {
    font-weight: bold;
    color: #282828;
}



.search-wrapper {
    display: flex;
    flex-direction: column;
    gap: .25rem;
  }

  input {
      font-size: 1rem;
      background-color: #ebdbb2;
      border: 2px solid #1d2021;
      color: #282828
  }

  .user-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: .25rem;
    margin-top: 1rem;
  }

  .card {
    padding: .5rem;
    overflow: hidden;
  }

  .card > .header {
    margin-bottom: .25rem;
  }

  .card > .search-body {
    font-size: .8rem;
    width: 10;
    word-wrap: break-word;
    margin-left: auto;
    margin-right: auto;
  }

  .hide {
    display: none;
  }

  .input-comment {
    height: 100px;
  }
  
 .form-control {
    width: 400px;
 }


 
button {
    background-color: #b8bb26;
    border: 2px solid #1d2021;
    color: #282828;
}