Black & Red

Layout CSS

<!-- (c) Layout created by insomniac (https://layouts.spacehey.com/layout?id=99971) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Pixelify+Sans:[email protected]&family=Young+Serif&display=swap');
body {
background-image: url("http://www.myspacegens.com/images/layouts/01/6298780723/bg.gif");
font-family: 'Pixelify Sans', sans-serif;
font-size: large;
}
.general-about .profile-pic img {
  border-style: dotted;
  border-color: black;
  border-radius: 30px;
}
.container {
  border-style: dotted;
  border-color: red;
  width: 950px;
}
:root {
--logo-blue: #fff;
--darker-blue: #000;
--lighter-blue: #000;
--even-lighter-blue: #000;
--lightest-blue: #fff;
--dark-orange: #000;
--light-orange: #fff;
--gray: #f00;
}
main {
background: url("https://i9.glitter-graphics.org/pub/1027/1027379j6o8nyzxyw.gif");
color: black;
}
nav .top {
background: rgba(0, 0, 0, 0.3);
}
.profile .friends .person p {
color: black;
}
.profile .blurbs .heading, .profile .friends .heading {
background: black;
color: white;
}
nav .links {
text-align: center;
font-size: 115%;
}
</style>
<p>&nbsp;<style>
.logo {