black coquette layout

<!-- (c) Layout created by ray ☆ 🍉 (woman lover ⚢) (https://layouts.spacehey.com/layout?id=90021) -->

<style>

body{

    background: url(https://i.pinimg.com/originals/55/aa/a7/55aaa732abacc28f00aebb33411feb25.jpg) 

}

nav .top {

    display: flex!important;

    opacity: 1!important;

    margin-top: 15px;

background: url(https://i.pinimg.com/564x/f9/2c/3b/f92c3b9690d817ed5a0d1e1c2cc0c7b1.jpg);

    background-position-y: center;

    border-radius: 8px;

    border: 2px solid #6f6f6f;

    box-shadow: 4px 4px 4px #00000075;

}

button, input {

    overflow: visible;

    background: #898989;

    border: none;

    border-radius: 4px;

    padding-bottom: 3px;

    box-shadow: 3px 3px 5px #00000080;

}

nav .top .left .logo {

    width: 165px;

    height: 42px;

    filter: drop-shadow(3px 3px 1px black);

}

nav .links, footer .links {

    margin: 0;

    list-style: none;

    margin-bottom: 10px;

    margin-top: 10px;

    border-radius: 8px;

    border: 2px solid #6f6f6f;

    box-shadow: 3px 3px 5px #00000096;

    text-align: center;

    background: #23272a;

}

nav .links a {

    text-decoration: none;

    color: white;

    text-shadow: 2px 2px 0px black;

    font-size: 0.98em;

    font-size: max(0.98em, 12px);

    font-weight: bold;

}

nav .links a:hover {

    text-decoration: none;

    color: darkgrey;

    font-style: italic;

}

main{

background: url(https://i.pinimg.com/736x/9b/fb/64/9bfb6469f1cb5d5a529864ba80a28772.jpg) no-repeat fixed;

    background-size: cover;

    text-shadow: 2px 2px 1px black;

    color: white;

    text-align: center;

    border-radius: 8px;

    border: 2px solid #6f6f6f;

    box-shadow: 3px 3px 5px #00000096;

}

.inner{

background: url(https://i.pinimg.com/564x/bb/cc/da/bbccda0a0201412313774d9873eaa5d1.jpg);

    border: 2px solid #6f6f6f;

    border-radius: 0px 0px 8px 8px;

    box-shadow: 3px 3px 5px #00000082;

}

.heading {

    background: #23272a !important;

    border: 2px solid #6f6f6f;

    border-bottom: none;

    border-radius: 8px 8px 0px 0px;

    color: white!important;

}

.url-info{

font-size: 0;

background: url(https://i.pinimg.com/736x/6f/ad/d4/6fadd4d07feb10d02ec80413128473be.jpg);

    height: 263px;

    background-size: cover;

    filter: saturate(0.5) brightness(1.3) contrast(1.2);

}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {

    width: 100%;

    border: none;

    margin: 10px 0;

}

.details-table td:first-child {

    background: #00000000;

    color: white;

    font-weight: bold;

    width: 33%;

    border: 1px solid #6f6f6f;

}

.details-table td:first-child {

    background: #00000000;

    color: white;

    font-weight: bold;

    width: 33%;

    border: 1px solid #6f6f6f;

}

.details-table td {

    background: #00000000;

    vertical-align: top;

    border: 1px solid #6f6f6f;

}

.comments-table td:first-child, .music-table td:first-child {

    background: #00000000;

    text-align: center;

    font-weight: bold;

    width: 38%;

}

.comments-table td, .music-table td {

    background: #00000000;

    vertical-align: top;

}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {

    width: 100%;

    overflow-wrap: break-word;

    word-break: break-word;

    border: transparent;

}

.profile .blurbs .section h4 {

    margin: 0;

    color: white;

}

a {

    color: #cfdde9;

    text-decoration: none;

}

.icon, .award img {

    display: none;

    height: 1.4em;

    width: 1.4em;

    aspect-ratio: 1/1;

    margin: 0 0.05em 0 0.1em;

    vertical-align: -0.3em;

    color: rgba(0,0,0,0);

}

.profile-info .inner {

    font-weight: bold;

    text-align: center;

    background: none;

    border: none;

    box-shadow: none;

}

.profile-info {

font-size: 0;

background: url(https://i.pinimg.com/564x/6c/c6/e5/6cc6e567982fb70ac99762d2a53aa07d.jpg);

    height: 149px;

    filter: contrast(1.1);

    background-size: cover;

    border: none;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 15px 5px;

    margin-bottom: 10px;

}

.online {

    color: #0C8C00;

    font-weight: bold;

    font-size: 95%;

    filter: brightness(100) saturate(0);

}

.awards {

    filter: invert(1);

    text-shadow: none;

}

footer {

    text-align: center;

    font-size: 70%;

    margin: 10px 0 10px;

    padding: 10px 5px;

    background-color: transparent;

    color: white;

}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    color: darkgrey;

    text-decoration: none;

    font-style: italic;

}

.general-about .profile-pic img {

    max-width: 160px;

    max-height: 160px;

    border: 2px solid #6f6f6f;

    border-radius: 8px;

    box-shadow: 3px 3px 5px #0000007d;

}

.count {

    color: white;

}

.profile .friends .person p {

    color: white;

    font-weight: bold;

    width: 100%;

    overflow-wrap: break-word;

    word-break: break-word;

    font-size: 100%;

    text-align: center;

}

.profile .friends .person img:not(.icon) {

    max-width: 95px;

    max-height: 95px;

    display: block;

    margin: 0 auto;

    filter: contrast(1.5) saturate(0.3);

}

::-webkit-scrollbar {

    width: 12px;

    background-color: #9a9a9a;

}

::-webkit-scrollbar-thumb {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #4c4c4c;

}

::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #787878;

}

</style>