A ton of work was put into this. (2+ hours)
Comments disabled because I know they'll be full of people saying "Using" and I DON'T want notifications until the day I die.
If there's a layout error or you have any questions, IM me, they're open for everyone including non-friends.
Copy and paste this code into your about me section below:
<style> nav .top, nav .links, nav button {background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(209, 209, 209, 0.9) 50.52%, rgba(199, 199, 199, 0.9) 53.12%, rgba(255, 255, 255, 0.9) 100%);box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 1), inset 0px -2px 1px rgba(0, 0, 0, 0.4);}*::selection {background: #212121;color: white;}nav button {border-radius: 3px;border-width: 1px;color: #212121;text-shadow: 0.1px 0px 1.5px #212121;}nav .top, footer, #comments .inner {color: #212121;text-shadow: 0.1px 0px 1.5px #212121;}nav input {border-radius: 3px;border: none;height: 20px;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 50%, rgba(227, 227, 227, 1) 100%);box-shadow: inset 0px 0px 5px #212121;}nav .top .center, nav .top .right {margin-top: 14px;}nav .links a, footer .links a, footer a {color: #212121;text-shadow: 0.1px 0px 1.5px #212121;}nav .links, footer {text-align: center;}.blurbs, .general-about, .mood, .friends, .contact, .url-info, .table-section, footer, .blog-preview, #comments {background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(245, 245, 245, 1) 50%, rgba(227, 227, 227, 1) 100%);box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3), inset 0px 2px 1px rgba(255, 255, 255, 0.3), inset 0px -2px 1px rgba(0, 0, 0, 0.4);border: 1px solid #212121 !important;}.url-info, .general-about, .blog-preview, .mood {border-radius: 5px 5px 5px 5px;}.contact, .blurbs, .friends, #comments, .table-section {border-radius: 0px 0px 5px 5px;}.profile .heading {text-align: center;padding: 10px !important;font-size: 14px;color: #212121 !important;text-shadow: 0.1px 0px 1.5px #212121;background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(209, 209, 209, 0.9) 50.52%, rgba(199, 199, 199, 0.9) 53.12%, rgba(255, 255, 255, 0.9) 100%) !important;box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3), inset 0px 2px 1px rgba(255, 255, 255, 0.3), inset 0px -2px 1px rgba(0, 0, 0, 0.4);border-bottom: 1px solid black;}.mood, .friends {margin-bottom: 20px;}.profile .url-info {margin: 20px 0;}.comments-table td:first-child img:not(.icon) {content:url(https://files.catbox.moe/qvqcy9.png);filter: grayscale(100%);}.profile .friends .person img:not(.icon){content:url(https://files.catbox.moe/qvqcy9.png);filter: grayscale(100%);}body, main {background: #f2f0f0;}.section h4 {display: none;}.contact .inner {text-align: center;padding: 3px;padding-right: 15px;}.contact .inner img {display: none;}.friends .inner p {text-align: center;}.comments-table{border:none}.comments-table td{background:none;border:none;vertical-align:top;display:block}.comments-table td:nth-child(odd){border-top:1px solid #ccc}.comments-table td:first-child{background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);text-align:center;font-weight:bold;width:100%;display:flex}.comments-table td:first-child a:not(:first-child){order:1}.comments-table td:first-child a:not(:first-child) img:not(.icon){aspect-ratio:1/1;height:20px;width:auto;border-width:2px}.comments-table td:first-child a:first-child{order:2;vertical-align:center;font-weight:900;margin-left:4px}.comments-table td>p:first-child>b>time{position:absolute;margin-left:34px;margin-top:-1.7em;font-weight:500;font-size:90%}.comments-table td>p:nth-child(1){margin:0}.comments-table td .comment-replies{border:none}.comments-table tr:first-child td{border:none}.comments-table tr td:last-child {margin-top: 10px;background: white;border-radius: 3px;border: 1px solid #ccc;}#comments .inner a, .friends .inner a, .friends-grid p, .contact a, .mood a, .blog-preview a, .friends .heading a {color: #212121 !important;text-shadow: 0.1px 0px 1.5px #212121;text-decoration: underline;}.friends .inner b, .count, .mood, .general-about, .url-info, .blurbs, .online, .blog-preview, .logout-btn {color: #212121;text-shadow: 0.1px 0px 1.5px #212121;}.online img {display: none;}.mood {text-align: center;padding: 3px;padding-top: 10px;}.general-about .profile-pic, .general-about .profile-pic img {width: 120px;height: 120px;}.general-about {margin-bottom: 20px;}.profile h1 {background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);padding: 5px;color: #212121;text-shadow: 0.1px 0px 1.5px #212121;}.details-table {display: inline;}.details-table tr td:first-child {background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);color: #212121;text-shadow: 0.1px 0px 1.5px #212121;vertical-align: top;width: 100%;display: block;}.profile .details-table tr td:last-child {margin-top: 5px;display: block;background: white;border-radius: 3px;border: 1px solid #ccc;}.logo {filter: brightness(20%);}.blog-preview {text-align: center;padding-bottom: 15px;}.blog-preview p {margin: 3px;}.blog-preview h4 {font-size: 14px;margin-bottom: 7px;}.christmas, .edit-link, .profile-info {display: none;} .comments-table button {background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(209, 209, 209, 0.9) 50.52%, rgba(199, 199, 199, 0.9) 53.12%, rgba(255, 255, 255, 0.9) 100%);box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 1), inset 0px -2px 1px rgba(0, 0, 0, 0.4);} .comments-table .report .icon {display: none;}</style>
Preview image:

Comments
Comments disabled.