random layout

i customized a new layout but forgot who actually made the original code, if you reconize it please tell me !

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

<style>

/* replace with cd image that has transparent background. must be 150px by 150px. */

:root {

--cd-image: url('https://i.ibb.co/W41BNZ66/2017492173-Pokemon-Battle-Revolution-01-png-5c1f9f476b6f4fac04ec71154f71d82f-1.png');

}

.profile-pic {

position: relative;

width: 183px;

filter: drop-shadow(0 0 0.25rem gray);

}

.profile-pic:after {

content: "";

background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));

background-size: contain, cover;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.profile-pic:before {

content: "";

background: var(--cd-image);

position: absolute;

top: 5px;

left: -20px;

width: 150px;

height: 150px;

background-repeat: no-repeat;

z-index: -1;

animation-name: spin;

animation-duration: 5000ms;

animation-iteration-count: infinite;

animation-timing-function: linear; 

transition: left ease 0.5s;

}

.profile-pic:hover:before {

left: -75px;

}

@keyframes spin {

    from {

        transform:rotate(0deg);

    }

    to {

        transform:rotate(360deg);

    }

}

.profile-pic .pfp-fallback {

float: right;

width: 163px;

height: 160px;

border: none;

}

.general-about .profile-pic img {

max-width: inherit;

}

</style>

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

<style>

body {

   background: url(https://i.pinimg.com/736x/3d/15/0e/3d150e1d97ecd45676448a460d20082c.jpg)no-repeat fixed; background-size:cover;;

}

main {

   background: none;

   color: #fff;

   border: 2px dashed #fff;

   box-shadow: 0px 8px 15px 1px #000;

}

.blurbs {

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

}

.blog-preview {

   padding: 5px;

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

}

.profile h1 {

   text-align: center;

   font-size: 20px;

    background: url(https://i.pinimg.com/originals/ef/3a/8a/ef3a8a07974ea73b6a11e5fa1b057e62.gif);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-style: normal;

}

.profile-info {

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

}

.general-about {

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

   padding: 15px;

}

.online {

    content: url(https://ct.pimp-my-profile.com/online/wooooooooooooooooooooooooooooo.gif);

}

.contact {

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

}

.url-info {

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

}

.table-section {

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

}

.friends {

   background: rgba(0, 0, 0, 0.63);

   border: 2px dashed #fff;

   box-shadow: 0px 0px 15px 2px #FFFFFF;

   margin-bottom: 20px;

}

.comments-table{

   background-image: url(https://i.pinimg.com/736x/d0/d4/f7/d0d4f7a98423704febbd3cc01b2f08ee.jpg);

    display: block;

    height: 320px !important;

    overflow-y: scroll;

}

div.top {

   background: url(https://i.pinimg.com/736x/d1/5c/a3/d15ca338150ba8364416ef258893800e.jpg);

   border-left: 2px dashed #fff;

   border-right: 2px dashed #fff;

   box-shadow: 0px 8px 15px 1px #000;

}

.link {

   background: url();

   border-left: 2px dashed #fff;

   border-right: 2px dashed #fff;

   box-shadow: 0px 8px 15px 1px #000;

}

footer {

   color: #fff;

   background: url(https://i.pinimg.com/736x/3f/54/16/3f5416584f134ebe2935fc824203f8c8.jpg);

   border: 2px dashed #fff;

   box-shadow: 0px 8px 15px 1px #000;

}

a.navbar:hover, a.man:hover, a:hover {

    background: url(https://i.pinimg.com/originals/db/6c/25/db6c257fbbfb451244070c5b15b4f609.gif);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-style: normal;

}

.count {

    color: #fff;

    font-style: normal;

}

:root {

    --light-gray: #000;

    --gray: #e3e3e3;

    --darker-gray: #000;

    --logo-blue: #16ff00;

    --darker-blue: #00e8ff;

    --lighter-blue: #000;

    --even-lighter-blue: #000;

    --lightest-blue: #000;

    --dark-orange: #fff;

    --light-orange: rgba(255, 255, 255, 0.6);

    --even-lighter-orange: #000000d1;

    --strange-yellow: #16ff00;

    --green: #fff;

    --dark-green: #fff;

    --red: #fff;

}

</style>