LAYOUT - (littlest pet shop/ dog, brown, light pink, bow)

hey, another one! feel free to use my layouts (they're also Frankensteind together) but plz leave a message if you end up using it, bc i wanna see how it'll look  is all code

<style>

.logo {

 content:url("https://files.catbox.moe/dko3m9.png");

</style>

<style>

    :root {

        --logo-blue:  pink;

        --darker-blue: #df92be;

        --lighter-blue: #ffd1d7;

        --even-lighter-blue: #ccc;

        --lightest-blue: #b893be;

        --dark-orange: pink;

        --light-orange: #181818;

        --green: #38d;

    }

a:hover {

color: pink;

}

    * {

        font-family: monospace;

    }

    body

        {background: url("https://files.catbox.moe/ans3z7.jpeg")

        no-repeat fixed; background-size:cover;

     }

    .blog-preview p {

        background-color: #ffd1d7;

        padding: 5px 10px;

        border-radius: 10px;

        color:   #533638 ;

    }

    .blog-preview p a{

        color: #ea9999 !important;

    }

    .blog-preview p a:hover,

    .blog-preview p a:active,

    .blog-preview p a:focus{

        color: white!important;

     }

    nav {

        border-radius: 15px 15px 0 0;

        overflow: hidden;

    }

    .profile .contact,

    .profile .url-info,

    .profile .table-section,

    .home-actions {

        border: none;

    }

    table.details-table {

        border-collapse: collapse;

    }

    table.details-table td {

        background-color: transparent!important;

    }

    .profile-pic {

        border-radius: 500px;

        overflow: hidden;

    }

    .heading {

        padding: 5px 0 !important;

        margin-top: 15px;

        margin-bottom: 10px;

        background-color: transparent !important;

        color: #f1b7c7 !important;

        border-bottom: 2px solid;

    }

    main {

        border-radius: 0 0 15px 15px;

        background: #533638!important;

    }

    .container {

        border-radius: 15px 15px 0 0;

        overflow: hidden;

        margin-top: 30px;

        padding: 10px;

    }

    footer {

        border-radius: 15px;

        background: rgba(255, 255, 255, 0.94) !important;

        display: block !important;

    }

    table.comments-table td {

        background-color: pink !important;

    }

    .comments-table td:first-child img {

        width: 80px;

        border-radius: 500px;

    }

    .profile .friends .person img {

        border-radius: 500px;

    }

    .blog-preview p {

        font-size: 1.4rem;

    }

    a.addme {

        font-size: 2rem;

        font-weight: bold;

        margin-bottom: 15px;

        display: black;

    }

</style>

<style>

p, h2 {

     color: #ffd1d7;

  text-shadow: 1px 1px 10px #ffd1d7;

}

h1, .count, .friends a p {

     color: #f1b7c7;

} 

</style>

<style>

nav .links a {

color:  #533638;

   text-shadow: 0 0 7px #df92be ;

}

</style>

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

<style>

.general-about{

  position: relative;

 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://d2bzx2vuetkzse.cloudfront.net/images_without_background/58333b90-3214-4a8c-a2ae-0130987fe436.png') no-repeat;

  background-size: cover;

  display: block;

  width: 100px;

  height: 60px;

  z-index: 999;

  position: absolute;

  top: -15px;

  left: -21px;

</style>