how layout profile theme i use on spacehey!

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

<!-- (c) Layout created by Xx.Scene_Machine.xX (https://layouts.spacehey.com/layout?id=3642) -->

Layouts.spacehey.com/176584022

<style>

@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');

p{

font-family: 'Architects Daughter', cursive;

font-size: 18px;

color: rgb(0, 255, 162);

}

</style>

<style>

body{

background: url(https://i.ibb.co/G5cHtFW/tumblr-43c8c7a8aeafc8759e584ffba91c4660-f314c69a-400.gif);

}

.profile{

background: url(https://i.ibb.co/Vw2ZtBw/colorfulstars.gif);

}

:root {

--logo-blue: url(https://i.ibb.co/jgqDX2h/tumblr-3c9a0b44a33840be01ff29e9ea46e857-375893c5-400.gif);

--darker-blue: rgb(0, 187, 255) ;

--lighter-blue: rgb(255, 0, 195);

--lightest-blue: black;

--dark-orange: rgb(0, 153, 255);

--light-orange: rgb(212, 255, 0) ; 

--even-lighter-orange: white;

--green:;

}

h1,h2,h3,h4,h5{

@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Permanent+Marker&display=swap');

font-family: 'Caveat', cursive;

font-family: 'Permanent Marker', cursive;

font-size: 150%;

color: rgb(0, 21, 255);

}

footer {

boarder-radius: 15px;

background-image: url(https://i.ibb.co/YWyzs3S/tumblr-03e738e8d03007ab5bf76114c20abcc7-7266edb2-400.gif);

color: black;

background-color: black

}

.profile-pic {

border-radius: 500px;

overflow: hidden;

}

.profile .friends .person img {

border-radius: 500px;

}

.profile .table-section .details-table td {

  background-color: black ;

  color: black;

}

nav .links li:not(:last-child)::after,

footer .links li:not(:last-child)::after{

    content: " ⁑";

    color: turquoise;

}

.profile .blurbs .section :nth-child(2) {

background-image: url(https://i.ibb.co/VLWSLPS/tumblr-c663acddb9292fea0820d5938f5a8483-1f21e250-540.gif);

     /* margin-top: -5px; */

padding: 18px;

box-shadow: 4px 4px 0 #000;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add me */

content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png);

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* faves? */

content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* chit chat */

content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* forwardd */

content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant chat */

content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block */

content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* group me */

content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: "☠"

} 

.contact .inner a img {

 font-size: 0;

}

.contact .inner a img:before {

 font-size: 1em;

 display: block

}

.online {

    margin:auto;

    padding-bottom: 5px;

    content: url(http://dl10.glitter-graphics.net/pub/464/464320vjaoqli7q9.gif);

}

</style>