josah

About me:

I love TikTok am 12 about be 13 hope everyone is have ig a good day and look for friends 

>

<div>

<h3>My Music X3:</h3>

(spotify embed here)

<!-- put a yt id here for autoplay music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/aKEiLZdPO10//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

</div>

<style>

.general-about .profile-pic img{

  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);

}

@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(-360deg); }

}

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 3s infinite linear;

}

</style>

<style>

p.online {font-size: 0px;}

p.online::after{content: url(

color: #ff5ac6;

font-size: 10px;}

font-size: 10px;}

    </style>

<style>

    body {

          background-image:url(https://i.pinimg.com/originals/d4/ae/99/d4ae994f5756581eeed9e89a580ab1f9.gif)

    }

</style>

<style>

body { cursor: url(https://64.media.tumblr.com/fe082abff21bf41304362d80dc8e45c6/20b182df6ac70227-1f/s75x75_c1/457d763043f3df45b4580fa9a57e8ec169e37ecc.gifv), auto; }

</style>

<style>

.profile-info{

background: url(https://i.pinimg.com/564x/51/f6/03/51f6037d81ea88f7b944d31b3289f76a.jpg);

no-repeat fixed;

    background-size: cover;

    height: 155px;

    border: none;

    font-size: 0;

    background-size: cover;

    height: 152px;

    border: none;

    font-size: 0;

    background-position-y: top;

}

    .profile {

background:url(https://i.pinimg.com/originals/ec/88/e1/ec88e14a7cd25febbcd02249e6266125.gif);

color:white;

text-shadow: 0 0 9px #70FF25;

    }

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 

  border-style:Double; 

 border-width:6px; 

 border-color:#00C9BC; 

background:#161616;

}

/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

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

/* add to friends */

content: "☆"

}

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

/* add to favorite */

content: "☆"

}

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

/* send a message */

content: "☆"

}

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

/* foward to friend*/

content: "☆"

}

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

/* instant message */

content: "☆"

}

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

/* block user */

content: "☆"

}

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

/* add 2 group  */

content: "☆"

}

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

/* report */

content: "☆"

}

footer {

border-radius: 15px;

background-image: 

url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);

color:White; 

}

nav .top {

        background: url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);

    }

    nav { background: black url(""); }

:root {

--logo-blue:#FFFFFF;

--darker-blue: #FFFFFF;

--lighter-blue: #91FF28;

--even-lighter-blue: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);

--lightest-blue:#C445EA;

--dark-orange:#BC22F2;

--light-orange: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);

--even-lighter-orange:#67EE18;

--green: #FFFFFF;

}

<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "fellow qweenz "; font-size:.8rem; font-weight:bold; 

color:black; }

}

</style>

<style>

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "comments !!"; font-size:.8rem; font-weight:bold;

color:White; } 

</style>

<style>

 .profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: "more!!"; font-size:.8rem; font-weight:bold; 

color:White; }

 </style>

<style>

    .contact .heading{ font-size:0; }

.contact .heading:before{ content: "i don't bite!! (mostly)"; font-size:.8rem; font-weight:bold; 

color:White; }

}</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }

<style>

h1{

animation: type 3s steps(27);

  color: transparent;

  font-size: 7px;

  white-space: nowrap;

  overflow: hidden;

  }

@keyframes type{

  0%{

    width:0ch;

  }

  100%{

    width:27ch;

  }

}

@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 5s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 5s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 6px);

}

100% {

transform: translate(0, -0px);

}

</style>

giforimageurl"/>

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 

<img src="giforimageurl"/>

<img src="giforimageurlORglittertext"/>

TO ADD YOUTUBE VIDEO CLICK SHARE, EMBED, COPY THEN PASTE HERE ONLY CHANGING THE WIDTH AND HEIGHT TO 350 AND 215

MAIN CODE - BODY MEANS THE FULL BACKGROUND - PROFILE MEANS ANYTHING WITHIN THE MIDDLE SECTION

<style>

body {

    background: url(https://64.media.tumblr.com/fd9dea9bd9c3d403dff1ac61caca1091/tumblr_orpi2cL3QU1wpzpibo1_400.gifv);

}

.profile {

background-image:url(https://wallpapercave.com/wp/wp7153946.jpg);

  background-repeat: repeat;

    border-radius: 12px;

}

/*the username glow and shadow*/

h1

{

color: /*the username glow and shadow*/

h1

{         color: turquoise; 

//text-shadow: 1px 1px #ffd1dc;

};

text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;

}

h1, h2, h3, h4,h5,a, p, nav label, .section

{

main, top, links, nav .top, nav .links, details-table

{

    background:  !important;

background-image:   !important;

background-size: cover !important;

    padding: 0 !important;

    /*font-size: small;*/

    color: #00FFEF;

{

.mood

text-transform:uppercase !important;

}

table, td

}

/* border: 1px solid var(--url-pink-bg)!important; */

border-spacing: 2px;

}

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

{

    width: 100%;

    border: 2px solid var(--#ffd1dc);

}

table, th, td

}

   border: 1px solid #ffd1dc;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #ffd1dc;

}

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

}

   width: 100%;

   border: 4px outset #ffd1dc;

   margin 10px 2;

}

.online

{

  color: gold!important; 

  //text-shadow: 1px 1px turquoise;

}

:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: purple 55;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        --table-header:#ffd1dc;

--table-color: white;

--link-text: white;

--main-text: white;

    }   

main 

{

  /* changes made to stuff outside of columns */

    background: black;

    padding: 0;

    font-size: small;

    color: #00FFEF;

text color: turquoise;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

footer 

{

    background: turquoise!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 15px; 

color: turquoise;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

.contact {

  border-radius: 8px;

  background-image: url(https://data.whicdn.com/images/349633308/original.gif);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: black;

  text-shadow: 1px 1px 2px #39ff14, 0 0 25px #39ff14, 0 0 3px #39ff14; 

}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 

{

border: 1px curve #000000 !important;

outline: curve !important;

}

img

{

border-radius: 12px;

}

main {

background:  black;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: #000000;

}

nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background:  ;

border-radius: 12px;

border: 12px solid #000000;

padding: 0;

font-size: 90%;

color: #00FFEF;

}

nav .top {

  background: transparent;

}

nav .links {

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

}

nav { background-image: url(https://64.media.tumblr.com/b305a18f19862af6acf46fdad8949649/b5987e3961527536-94/s2048x3072/a25f22fd8a7d5c893f8edb36aab4fdc807234922.gif) 

}

/*customising interests box*/

  .profile .table-section{

    border:2px solid #c50576;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #c50576;

    border-radius: 15px 15px 0px 0px;

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #c50576;

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

  }

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

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

    padding-right: 10%;

  }

 /*customising friend space heading*/

  .profile .friends .heading{

    background: #c50576;

    color: #ffffff;

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

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #ffffff;

    text-shadow: 1px 1px 2px black

  }

.general-about {

background-image: url(https://64.media.tumblr.com/1e2598616e90eb0f6b243be1b9642ae1/5583e57f872090cb-79/s2048x3072_c0,21726,100000,77976/ccaa0b27eaa3ea333eeb0df8a6838f4600d3117c.gif);

padding: 20px;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .46s;

}

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

background-image: url(https://i.pinimg.com/originals/70/ea/cb/70eacb83950c11dbaba19267eacc3496.gif);

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

padding: 18px;

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

}

.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #000000);

margin: 0!important;

color:#FFF;

}

.profile .profile-info .inner h3 a {

color: #FFFFFF;

}

.profile .profile-info {

background-image: url(https://64.media.tumblr.com/d62f9c09497fe39ad002fb18c45bf61b/2c14b464e52d1596-fa/s400x600/db8362b0df0aae30ad31efa61ff058b9f1b91317.jpg);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}

</style>

<img src="imageorglittertexturl"/>

<img src="imageorglittertexturl"/>

<style>

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

body{font-family: "potta one" ;}

</style> 

CODE BELOW GOES UNDER YOUR ABOUT ME PARAGRAPH

<img src="giforimageurl"/>

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 

<img src="giforimageurl"/> 

<img src="giforimageurl"/>

<img src="giforimageurlORglittertext"/>

TO ADD YOUTUBE VIDEO CLICK SHARE, EMBED, COPY THEN PASTE HERE ONLY CHANGING THE WIDTH AND HEIGHT TO 350 AND 215

MAIN CODE - BODY MEANS THE FULL BACKGROUND - PROFILE MEANS ANYTHING WITHIN THE MIDDLE SECTION

<style>

body {

    background: url(https://64.media.tumblr.com/fd9dea9bd9c3d403dff1ac61caca1091/tumblr_orpi2cL3QU1wpzpibo1_400.gifv);

}

.profile {

background-image:url(https://wallpapercave.com/wp/wp7153946.jpg);

  background-repeat: repeat;

    border-radius: 12px;

}

/*the username glow and shadow*/

h1

{

color: /*the username glow and shadow*/

h1

{         color: turquoise; 

//text-shadow: 1px 1px #ffd1dc;

};

text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;

}

h1, h2, h3, h4,h5,a, p, nav label, .section

{

main, top, links, nav .top, nav .links, details-table

{

    background:  !important;

background-image:   !important;

background-size: cover !important;

    padding: 0 !important;

    /*font-size: small;*/

    color: #00FFEF;

{

.mood

text-transform:uppercase !important;

}

table, td

}

/* border: 1px solid var(--url-pink-bg)!important; */

border-spacing: 2px;

}

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

{

    width: 100%;

    border: 2px solid var(--#ffd1dc);

}

table, th, td

}

   border: 1px solid #ffd1dc;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #ffd1dc;

}

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

}

   width: 100%;

   border: 4px outset #ffd1dc;

   margin 10px 2;

}

.online

{

  color: gold!important; 

  //text-shadow: 1px 1px turquoise;

}

:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: purple 55;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        --table-header:#ffd1dc;

--table-color: white;

--link-text: white;

--main-text: white;

    }   

main 

{

  /* changes made to stuff outside of columns */

    background: black;

    padding: 0;

    font-size: small;

    color: #00FFEF;

text color: turquoise;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

footer 

{

    background: turquoise!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 15px; 

color: turquoise;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

.contact {

  border-radius: 8px;

  background-image: url(https://data.whicdn.com/images/349633308/original.gif);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: black;

  text-shadow: 1px 1px 2px #39ff14, 0 0 25px #39ff14, 0 0 3px #39ff14; 

}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 

{

border: 1px curve #000000 !important;

outline: curve !important;

}

img

{

border-radius: 12px;

}

main {

background:  black;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: #000000;

}

nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background:  ;

border-radius: 12px;

border: 12px solid #000000;

padding: 0;

font-size: 90%;

color: #00FFEF;

}

nav .top {

  background: transparent;

}

nav .links {

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

}

nav { background-image: url(https://64.media.tumblr.com/b305a18f19862af6acf46fdad8949649/b5987e3961527536-94/s2048x3072/a25f22fd8a7d5c893f8edb36aab4fdc807234922.gif) 

}

/*customising interests box*/

  .profile .table-section{

    border:2px solid #c50576;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #c50576;

    border-radius: 15px 15px 0px 0px;

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #c50576;

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

  }

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

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

    padding-right: 10%;

  }

 /*customising friend space heading*/

  .profile .friends .heading{

    background: #c50576;

    color: #ffffff;

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

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #ffffff;

    text-shadow: 1px 1px 2px black

  }

.general-about {

background-image: url(https://64.media.tumblr.com/1e2598616e90eb0f6b243be1b9642ae1/5583e57f872090cb-79/s2048x3072_c0,21726,100000,77976/ccaa0b27eaa3ea333eeb0df8a6838f4600d3117c.gif);

padding: 20px;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .46s;

}

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

background-image: url(https://i.pinimg.com/originals/70/ea/cb/70eacb83950c11dbaba19267eacc3496.gif);

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

padding: 18px;

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

}

.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #000000);

margin: 0!important;

color:#FFF;

}

.profile .profile-info .inner h3 a {

color: #FFFFFF;

}

.profile .profile-info {

background-image: url(https://64.media.tumblr.com/d62f9c09497fe39ad002fb18c45bf61b/2c14b464e52d1596-fa/s400x600/db8362b0df0aae30ad31efa61ff058b9f1b91317.jpg);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}

88765) -->

made by Kyle at Sugargutz

<div class="about"> 

about me goes here!!

</div>

<div>

<h3>My Music X3:</h3>

(spotify embed here)

<!-- put a yt id here for autoplay music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/aKEiLZdPO10//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

</div>

<style>

.general-about .profile-pic img{

  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);

}

@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(-360deg); }

}

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 3s infinite linear;

}

</style>

<style>

p.online {font-size: 0px;}

p.online::after{content: url(

color: #ff5ac6;

font-size: 10px;}

font-size: 10px;}

    </style>

<style>

    body {

          background-image:url(https://i.pinimg.com/originals/d4/ae/99/d4ae994f5756581eeed9e89a580ab1f9.gif)

    }

</style>

<style>

body { cursor: url(https://64.media.tumblr.com/fe082abff21bf41304362d80dc8e45c6/20b182df6ac70227-1f/s75x75_c1/457d763043f3df45b4580fa9a57e8ec169e37ecc.gifv), auto; }

</style>

<style>

.profile-info{

background: url(https://i.pinimg.com/564x/51/f6/03/51f6037d81ea88f7b944d31b3289f76a.jpg);

no-repeat fixed;

    background-size: cover;

    height: 155px;

    border: none;

    font-size: 0;

    background-size: cover;

    height: 152px;

    border: none;

    font-size: 0;

    background-position-y: top;

}

    .profile {

background:url(https://i.pinimg.com/originals/ec/88/e1/ec88e14a7cd25febbcd02249e6266125.gif);

color:white;

text-shadow: 0 0 9px #70FF25;

    }

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 

  border-style:Double; 

 border-width:6px; 

 border-color:#00C9BC; 

background:#161616;

}

/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

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

/* add to friends */

content: "☆"

}

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

/* add to favorite */

content: "☆"

}

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

/* send a message */

content: "☆"

}

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

/* foward to friend*/

content: "☆"

}

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

/* instant message */

content: "☆"

}

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

/* block user */

content: "☆"

}

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

/* add 2 group  */

content: "☆"

}

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

/* report */

content: "☆"

}

footer {

border-radius: 15px;

background-image: 

url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);

color:White; 

}

nav .top {

        background: url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);

    }

    nav { background: black url(""); }

:root {

--logo-blue:#FFFFFF;

--darker-blue: #FFFFFF;

--lighter-blue: #91FF28;

--even-lighter-blue: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);

--lightest-blue:#C445EA;

--dark-orange:#BC22F2;

--light-orange: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);

--even-lighter-orange:#67EE18;

--green: #FFFFFF;

}

<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "fellow qweenz "; font-size:.8rem; font-weight:bold; 

color:black; }

}

</style>

<style>

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "comments !!"; font-size:.8rem; font-weight:bold;

color:White; } 

</style>

<style>

 .profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: "more!!"; font-size:.8rem; font-weight:bold; 

color:White; }

 </style>

<style>

    .contact .heading{ font-size:0; }

.contact .heading:before{ content: "i don't bite!! (mostly)"; font-size:.8rem; font-weight:bold; 

color:White; }

}</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }

<style>

h1{

animation: type 3s steps(27);

  color: transparent;

  font-size: 7px;

  white-space: nowrap;

  overflow: hidden;

  }

@keyframes type{

  0%{

    width:0ch;

  }

  100%{

    width:27ch;

  }

}

@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 5s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 5s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 6px);

}

100% {

transform: translate(0, -0px);

}

</style>

Who I'd like to meet:

88765) -->

made by Kyle at Sugargutz

<div class="about"> 

about me goes here!!

</div>

<div>

<h3>My Music X3:</h3>

(spotify embed here)

<!-- put a yt id here for autoplay music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/aKEiLZdPO10//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

</div>

<style>

.general-about .profile-pic img{

  clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);

}

@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(-360deg); }

}

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 3s infinite linear;

}

</style>

<style>

p.online {font-size: 0px;}

p.online::after{content: url(

color: #ff5ac6;

font-size: 10px;}

font-size: 10px;}

    </style>

<style>

    body {

          background-image:url(https://i.pinimg.com/originals/d4/ae/99/d4ae994f5756581eeed9e89a580ab1f9.gif)

    }

</style>

<style>

body { cursor: url(https://64.media.tumblr.com/fe082abff21bf41304362d80dc8e45c6/20b182df6ac70227-1f/s75x75_c1/457d763043f3df45b4580fa9a57e8ec169e37ecc.gifv), auto; }

</style>

<style>

.profile-info{

background: url(https://i.pinimg.com/564x/51/f6/03/51f6037d81ea88f7b944d31b3289f76a.jpg);

no-repeat fixed;

    background-size: cover;

    height: 155px;

    border: none;

    font-size: 0;

    background-size: cover;

    height: 152px;

    border: none;

    font-size: 0;

    background-position-y: top;

}

    .profile {

background:url(https://i.pinimg.com/originals/ec/88/e1/ec88e14a7cd25febbcd02249e6266125.gif);

color:white;

text-shadow: 0 0 9px #70FF25;

    }

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 

  border-style:Double; 

 border-width:6px; 

 border-color:#00C9BC; 

background:#161616;

}

/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

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

/* add to friends */

content: "☆"

}

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

/* add to favorite */

content: "☆"

}

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

/* send a message */

content: "☆"

}

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

/* foward to friend*/

content: "☆"

}

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

/* instant message */

content: "☆"

}

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

/* block user */

content: "☆"

}

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

/* add 2 group  */

content: "☆"

}

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

/* report */

content: "☆"

}

footer {

border-radius: 15px;

background-image: 

url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);

color:White; 

}

nav .top {

        background: url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);

    }

    nav { background: black url(""); }

:root {

--logo-blue:#FFFFFF;

--darker-blue: #FFFFFF;

--lighter-blue: #91FF28;

--even-lighter-blue: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);

--lightest-blue:#C445EA;

--dark-orange:#BC22F2;

--light-orange: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);

--even-lighter-orange:#67EE18;

--green: #FFFFFF;

}

<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "fellow qweenz "; font-size:.8rem; font-weight:bold; 

color:black; }

}

</style>

<style>

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "comments !!"; font-size:.8rem; font-weight:bold;

color:White; } 

</style>

<style>

 .profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: "more!!"; font-size:.8rem; font-weight:bold; 

color:White; }

 </style>

<style>

    .contact .heading{ font-size:0; }

.contact .heading:before{ content: "i don't bite!! (mostly)"; font-size:.8rem; font-weight:bold; 

color:White; }

}</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }

<style>

h1{

animation: type 3s steps(27);

  color: transparent;

  font-size: 7px;

  white-space: nowrap;

  overflow: hidden;

  }

@keyframes type{

  0%{

    width:0ch;

  }

  100%{

    width:27ch;

  }

}

@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 5s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 5s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 6px);

}

100% {

transform: translate(0, -0px);

}

</style>

Johnnie guilbert