.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; } 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: #ebdbb2; color: #282828; } 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; } */