guttedsbloglayout

Layout CSS

<style>
@import url('https://fonts.googleapis.com/css2?family=Libertinus+Serif&display=swap');
body{
 background-image: linear-gradient(-180deg, #f0db99 1%, #69582c 98%, #3b3122 1%)  !important;
}
.profile {
background: #171717;
background: linear-gradient(180deg, rgba(112, 98, 53, 1) 0%, rgba(97, 85, 69, 1) 50%, rgba(23, 19, 18, 1) 100%);
}
main{
background-color: #413525;
text-shadow: 0.2px 0.2px black;
}
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 180px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px black;
  background-image: url(https://i.imghippo.com/files/fIc4201eto.jpg);
    background-position: center center;
    background-size: cover;
}
footer {
    border-radius: 15px;
    background-image: url(https://i.imghippo.com/files/ZqHc7461La.jpg);
    color: #e3ce8d;
background-color:  #413525;
}
footer a{
color: black !important;
}
footer a:hover {
  color: black !important;
}
a {
  color: black !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

a:hover {
  color: black !important;
}
.entry-footer {
  background: rgba(0, 255, 255, 0.05) !important;
  padding: 15px 20px !important;
  border-radius: 10px !important;
  margin-top: 20px !important;
  border: 1px solid black !important;
}
.entry-footer p {
  font-family: "Libertinus Serif", serif !important;
  color: black !important;
}

.entry-footer b {
  color: black !important;
}
:root {
    --logo-blue: url(https://i.imghippo.com/files/QD5125LG.jpg);
    --darker-blue: black;
    --lighter-blue: #413525;
    --dark-orange: black;
    --light-orange: #413525;
    --even-lighter-orange: background-image: linear-gradient(to bottom, #413525, #e3ce8d);
    --green: black;
--classic-lighter-blue: #332d1b;
}
* { 
    cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat831.cur), auto; 
}
a:hover {
    cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat831.cur), auto;
}
.blog-entry .content p{
  font-family: "Libertinus Serif", serif;
  font-weight: 150%;
  font-style: normal;
 text-align: center;
}
.blog-entry{
 background-image: linear-gradient(-180deg, #f0db99 1%, #69582c 98%, #3b3122 1%);
}
.blog-entry .title{
font-family: "Libertinus Serif", serif;
  font-weight: 200%;
color: #000000;
text-align: center;
}
.myspace-header .top-nav {
  background:  url(https://i.imghippo.com/files/QD5125LG.jpg) !important;
  height: auto !important;
  min-height: 80px !important;
  padding: 15px 20px !important;
}
.myspace-header .main-nav-wrapper,
.myspace-header .main-nav-container,
.myspace-header .main-nav,
.myspace-header .navigation {
  background: #5b4e33; !important;
border-top: 1px solid #000000 !important;
  border-bottom: 2px solid #000000 !important;
  height: auto !important;
  min-height: 40px !important;
  line-height: normal !important;
  overflow: visible !important;
}
.myspace-header .main-nav-container {
  width: 100% !important;
  max-width: 990px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
}
.myspace-header .main-nav,
.myspace-header .navigation {
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
}

.myspace-header .main-nav li,
.myspace-header .navigation li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  float: none !important;
}
body.skin-classic .main-nav-wrapper{
background-color: #332c20  !important;
}
body.skin-classic .main-nav.navigation li a{
text-shadow: none;
}
.row {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  gap: 30px !important;
}
.row .col.w-20.left {
  width: 25% !important;
  min-width: 200px !important;
  flex-shrink: 0 !important;
background-color: #5b4e33;
}

.row .col.right {
  width: 70% !important;
  flex: 1 !important;
  min-width: 300px !important;
}
.edit-info {
  background: linear-gradient(to bottom, #413525, #e3ce8d); !important;
  padding: 20px !important;
}
.edit-info h4 {
  font-family: "Libertinus Serif", serif; !important;
  color: black !important;
}
.edit-info a {
  color: black !important;
}
.edit-info .profile-pic img,
.edit-info img {
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}
body.skin-classic:not(.profile-page) .edit-info{
background: #e3ce8d  !important;
border: 1px solid rgb(11,11,11) !important;
}

#comments {
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 15px !important;
  padding: 20px !important;
  margin-top: 30px !important;
  border: 1px solid rgba(0, 255, 255, 0.2) !important;
}
#comments h2 {
  font-family: "Libertinus Serif", serif; !important;
  color: black !important;
}

.comments-table td {
  background: #94875d !important;
  border: 1px solid black !important;
  color: #e0e0e0 !important;
}

.comments-table td:first-child {
  background: #241f0f !important;
border-color: black !important;
}
@media (max-width: 900px) {
  .row {
    flex-direction: column !important;
  }
  .row .col.w-20.left,
  .row .col.right {
    width: 100% !important;
  }
}
body.skin-classic:not(.profile-page){
background-image: url("https://i.imghippo.com/files/BDFP5462tZ.jpg")  !important; 
}
body.skin-classic:not(.profile-page) footer a {
color: black  !important;
}
nav .links a{
text-shadow: 0 0 7px black  !important;
}
</style>