Jkmilk >_<

About me:

Holiizzz >_< /* the navigation is adjusted here */ nav{ background-color: rgba(0,0,0,0.5); border: var(--borders); border-radius: var(--curve); } nav .top{ background: transparent; color:var(--links); } nav .top a, nav .links a{ color: var(--text); text-shadow:none; } nav .links{ color: var(--text); background-color: transparent; border-radius: var(--curve); text-align: center; } /* this is the line that appears between links in the header and footer. you can add an emoji or symbol instead of the default line it has */ nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: " ✦"; color: var(--links); } /* this is the spacehey logo color. you can change it at https://codepen.io/sosuke/pen/Pjoqqp */ nav img.logo{ filter: brightness(0) saturate(100%) invert(8%) sepia(84%) saturate(3937%) hue-rotate(358deg) brightness(108%) contrast(117%)!important; } /* the search wrapper and button */ .search-wrapper input[type=text] { background-color: transparent !important; border: 1px solid var(--links) !important; color:var(--links) !important; border-radius: var(--curve) !important; } button{ border-radius: var(--curve) !important; border: 0px solid var(--links) !important; font-family: var(--font-family) !important; background-color: transparent !important; color:var(--links) !important; } /* the online symbol and text */ .online{ color: var(--links) !important; text-transform: lowercase; margin:auto; } .online img{ filter: brightness(0) saturate(100%) invert(8%) sepia(84%) saturate(3937%) hue-rotate(358deg) brightness(108%) contrast(117%) !important; } /* font family for the headers, navigtion links, links, body text */ h2, h3, h4, h5{ font-family: "PenetrationOutGrunge-JvyM"; font-size: 20px; font-weight: normal; } a, p, b, nav label, .section{ font-family: var(--font-family) !important; font-size: 14px; font-weight: bold; } /* the hr code. the hr is the horizontal line when you want to separate important info or add a break in your paragraphs*/ hr{ height:1px; background: var(--links); border: none; } /* this is where you adjust the borders and background */ .blurbs, .friends, .profile .table, .blog-preview, .contact{ border-radius: var(--curve) !important; border: var(--borders) !important; background-color: rgba(0,0,0,0.5)!important; } .general-about .details{ border-radius: var(--curve) !important; border: var(--borders) !important; background-color: rgba(0,0,0,0.5)!important; padding:20px; text-align: right; } .mood{ border-radius: var(--curve) !important; border: var(--borders) !important; background-color: rgba(0,0,0,0.5)!important; text-align: center; padding:5px; } .icon{border:none !important;} .comment-replies{border:2px dotted #ff007b;} /* this is the border around the replies */ .comment-reply:not(:first-child){border-top: 2px dotted var(--links);} /* line in between comment replies*/ /* your interest and comments table row background color */ td{ background-color: transparent!important; } /* the middle section of your profile background color*/ main{ background: transparent; border-radius: var(--curve) !important; border: transparent !important; outline: none !important; } /* the interest table */ .table-section{ background-color:transparent!important; border:var(--borders)!important; background-color: rgba(0,0,0,0.5)!important; } .details-table{ border-spacing:0px 10px; } .details-table td{ border-top:1px solid darkred; padding:5px; } /* the header section of the boxes */ .heading, .blog-preview h4, .section h4{ background: none !important; text-align: center; } /* this is the box that says "Edit Info" when you're logged in, and to your friends it says "Profile Name is your friend". */ .profile-info { background-color: rgba(0,0,0,0.5); border: var(--borders) !important; border-radius: var(--curve) !important; } /* adjusting images borders and adding styling if you want to */ .profile-pic img{ outline:none !important; border-radius: var(--curve) !important; padding:6px; border: none;

Who I'd like to meet: