Josiah Athalone.

General

Music

Movies

Television

Books

Heroes

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>