my layout :)

i'm just saving it for me but if u want to use it feel free to :3 (it works for both blogs and profile)

<style>

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
p, label{
   font-family:  'Outfit', cursive;
   font-size: 100%;
}
h1,h2,h4{
  font-family: 'Outfit', cursive;
  font size: 120%;
  color: #8f3010 !important;
}
h3,h5{
  font-family: 'Outfit', cursive !important;
  font-size: 90%;
  color: #8f3010 !important;
}
a{
  font-family: 'Outfit', cursive !important;
  font-size 100%;
}

* {cursor: url(http://www.rw-designer.com/cursor-view/84442.png), auto !important;}

.online img {
        content: url(https://images.emojiterra.com/google/android-12l/512px/1f36e.png);}

.online {
  color: #ffcf41;
  font-weight: bold;
  font-size: 95%;
}

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://media.tenor.com/fYg91qBpDdgAAAAi/bongo-cat-transparent.gif);  width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}

.profile .blurbs .heading h4{
  font-size:0
}
.profile .blurbs .heading::after{
  content: "mochispace :3";
  font-size: 130%;
  font-family: 'Outfit';
  color: #8f3010;
  font-weight: bold;
}

nav .links .icon {
  content: url(https://images.emojiterra.com/google/android-oreo/512px/1f31f.png);
}

main {
  color: #8f3010;
  font-size: 90%;
}

table, th, td {

  border: 0px solid;

}

.details-table td:first-child
    {display:none;}

body  
    {  background: url("https://i.pinimg.com/736x/ca/da/e8/cadae8e6a8f0080f81249721e49f98d8.jpg");

--lighter-blue: #ffc666;
--lightest-blue: white;
--dark-orange: purple;
--even-lighter-blue: even-lighter-orange;
--light-orange: darker-blue;
--gray: white;
--darker-blue: #faa40f;
--black: purple;
--even-lighter-orange: white;
}


h1 {color:#8f3010;}
p {color:#8f3010;}

footer{ border-radius: 28px;}

.container { color: #8f3010;}

body div main {
  background-color: rgba(255, 250, 210, 0.5);
  border: 6px solid;
  border-style: dotted;
  border-color: #fffffc;
  padding: 30px;
}

div.simple-container {
  background-color: #FF0000;
  border-style: dotted;
  border-color: #000000;
}

div.top {
  background: radial-gradient(ellipse farthest-corner at top center, #fff9af 0%, rgba(0,0,0,0) 70%) !important;
}

nav .links {
  background-color: transparent !important;
}

div.inner {
  background-color: #fff9d6;
}

div.entry {
  background-color: #33ffff;
  border-style: inset;
  border-color: #ffffff;
}

#q {
  background-color: #FFFCF2;
}

div.edit-info {
  background-color: #fff9d6;
  border: 1px solid #fff9d6;
  border-radius: 33px;
  font-size: 14px;
  padding: 9px;
}

img.pfp-fallback {
  border: 4px solid;
  border-style: double;
  border-color: #9f4121;
}

h1 {
  font-family: 'Outfit'' cursive;
  font-weight: 900;
  font-style: italic;
  color: #8f3010;
  text-shadow: 1px 1px #afaf59 !important;
}

div .inner{border-radius: 15px; padding: 10px 7px 7px 7px;}

nav .links li:not(:last-child)::after{
  content: " ✿ ";
  color: #956a12;
}
nav .links a{
  font-weight: bold;
  text-shadow: 0px 1px 9px #ecaf33;
}

</style>