night city layout

<style>

body {

font-family: Courier New, monospace;

}

body {

background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d3ad83f6-0b0b-43e6-bc33-8dbba62dbdaa/dj10xd4-83f16932-11f4-40a1-bf4e-5a3103129f97.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2QzYWQ4M2Y2LTBiMGItNDNlNi1iYzMzLThkYmJhNjJkYmRhYVwvZGoxMHhkNC04M2YxNjkzMi0xMWY0LTQwYTEtYmY0ZS01YTMxMDMxMjlmOTcuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.T3C4ZZt6DS54Iqu5eVSHD31AVs0Eg-4k7mdKZ6G3VlU);

}

img {

filter: brightness(100%) saturate(100%) invert(32%) sepia(96%) saturate(598%) hue-rotate(260deg) brightness(150%) contrast(200%);

}

body::before {

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);

z-index: 2;

background-size: 100% 2px, 3px 100%;

pointer-events: none;

}

.logo {

filter: brightness(100%) saturate(100%) invert(32%) sepia(96%) saturate(598%) hue-rotate(260deg) brightness(150%) contrast(200%);

}

#q, button {

color: #D361CB;

background-color: black;

border: 1px solid #D361CB;

font-family: inherit;

}

p, i, b, .count {

color: #72e8f0 !important;

}

a, .profile .friends .person p, .logout-btn {

color: #D361CB !important;

text-decoration: underline !important;

}

.container {

margin: 0 auto 0;

}

.icon {

display: none;

}

nav, nav .links a {

color: #D361CB;

}

nav .top {

margin-top: 2px;

background: none;

background-color: black;

border: 2px dotted #D361CB;

border-bottom: none;

}

nav .links {

background-color: black;

border: 2px solid #D361CB;

}

main {

background: black;

color: #D361CB;

border-left: 2px dotted #D361CB;

border-right: 2px dotted #D361CB;

}

.heading, .url-info {

color: #D361CB !important;

background: none;

background-color: black !important;

border: 2px solid #D361CB !important;

}

.inner {

color: #D361CB !important;

border: 2px dotted #72e8f0;

border-top: none;

}

.profile-info {

border: 2px solid #D361CB;

}

.profile-info .inner {

border: none;

}

.friends .inner {

border-bottom: none;

}

#comments {

border-bottom: 2px dotted #D361CB;

}

.profile .contact, .profile .table-section, .home-actions {

border: none !important;

}

.profile .contact .f-row:first-of-type {

margin-top: 0px;

padding-top: 7px;

}

.profile .blurbs .section h4 {

color: #D361CB !important;

}

.details-table {

margin: 2px;

}

.details-table, td {

border: 1px solid #D361CB;

border-collapse: collapse;

}

td {

color: #D361CB !important;

background: none;

background-color: black !important;

}

table.details-table {

max-width: 98%;

}

.profile h1 {

font-size: 2em;

}

footer {

background: black;

border: 2px dotted #D361CB;

}

footer p {

color #D361CB !important;

}

.comments-table {

border: none;

border-collapse: collapse;

}

.comment-replies {

border: 1px solid #D361CB;

margin: 2px;

}

nav .info {

background: none;

}

</style>