Max

About me:

<!-- (c) Layout created by ✭ Fren-z ✭ (https://layouts.spacehey.com/layout?id=25766) -->

<style>

@font-face { 

font-family: 'blackside'; 

src: url(https://dl.dropbox.com/s/dbo8631uydhb45w/Blackside%5B1%5D.ttf); 

}

@font-face { 

font-family: starlight; 

src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf); 

}

/* main configs */

body{background:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9dc5d8ea-72a2-4e8a-b343-10b18df9498e/daqjd16-58f037d7-0a6e-433e-a002-82eb4dbe3f2d.jpg/v1/fill/w_1024,h_576,q_75,strp/three_cheers_for_sweet_revenge_wallpaper_by_xxmybrokenangelxx_daqjd16-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTc2IiwicGF0aCI6IlwvZlwvOWRjNWQ4ZWEtNzJhMi00ZThhLWIzNDMtMTBiMThkZjk0OThlXC9kYXFqZDE2LTU4ZjAzN2Q3LTBhNmUtNDMzZS1hMDAyLTgyZWI0ZGJlM2YyZC5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.NaxuemP1X90MdKLBoQhRgdsj-7vuQHvCd1kj1GOA9GU") no-repeat fixed; background-size:cover;

font-weight: light;

}

main {

background: black;

position: 700px;

box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);

}

.profile-pic {

  border-style: solid black;

border-width: 3px;

box-shadow: 0px 0px 19px 0px black;

 }   

/* name */

h1{

font-size: 30px !important;

font-family: courier !important;

padding-left: 2px !important;

color: white;

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

}

  .table-section .heading{ font-size:10; }

.table-section .heading:before{ content: url(https://i.ibb.co/nzS6RR2/7764201eaba0c776add2e902d5111f7e.jpg); 

}

/* section h4 */

.profile .friends .inner, .profile .blurbs .section h4{

    text-align: center;

background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/ddfa5e6e-659f-43d5-bbcf-e8889c71b22a/d8os5uh-3356809d-c113-4d05-b07c-bd29eaa5a6c2.png/v1/fill/w_1333,h_600,q_70,strp/blood_splatter_background_by_pandora_the_wolf_d8os5uh-pre.jpg");

text-shadow: 0 0 9px black;

}

.profile .blurbs .section h4 {

font-family: courier; 

text-transform:lowercase;

color: white;

text-shadow: 0 0 9px black;

border: 3px white;

}

/* right headings */

.profile .blurbs .heading, .profile .friends .heading {

color: white;

background-color:transparent;

text-transform:lowercase !important;

color: white;

}

/* left headings */

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

background-color: transparent;

color: white;

}

.contact .heading h4{

display:none !important;}

.contact .heading{ font-size:20px; }

.contact .heading:before{ content: url(https://i.ibb.co/nzS6RR2/7764201eaba0c776add2e902d5111f7e.jpg); 

overflow:hidden;

}

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

.table-section .heading:before{ content: url(https://i8.glitter-graphics.org/pub/1528/1528738raorxwaqlt.gif); 

}

/* text configs */

h4 {

font-size: 12px !important;

color: white;

text-shadow: 0 0 9px black;

 }

p {

font-family: starlight; 

color: white;

text-transform:lowercase !important;

text-shadow: 0 0 9px black;

   } 

   a {

font-family: courier !important; 

font-size: 12px;

     color: white; 

   }

a:hover {

     color: red; 

}

    .count {

        color: white;

text-shadow: 0 0 9px black;

    }

.profile .friends .person p {

color: #white;  

font-family: courier !important;

}

.profile .friends .person p:hover {

color: red;  

}

/* blog */

DIV.blog-preview{

text-align: center;

background-image: url(https://i.ibb.co/dk0pJ7D/mcrbnnr.png);

text-transform:lowercase !important;

color: white;

-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

}

.contact .heading h4{

font-size:10px;

}

 /* images */

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

box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);

border-style: solid;

border-width: 10px;

border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;

}

.online {

    margin:auto;

    padding-bottom: 5px;

    content: url(https://i.ibb.co/mFPFXQB/ezgif-5-f1b7056d17.png);

}

.icon {

        content: url(data:image/x-icon;base64,AAACAAEAICAAAA8ADgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgIBB/////4CAgGMAAAAAAAAAAP//////////AAAAAAAAAACAgIAx/////4CAgAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAACoAAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAKv////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////////////////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgICARAAAAC8AAAAAAAAAAAAAAAAAAAAA//////////8AAAAA//////////8AAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAKoCAgAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAgGUAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAACAgIAxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////////////////////////////////////////////////////////////////////wAAAAAAAAAA/////////////////////////////////////////////////////////////////////wAAAAAAAAAAAAAAAAAAAAD//////////////////////////////////////////////////////////////////////////wAAAAD/////////////////////////////////////////////////////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgICAMgAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAICAgGMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAgAQAAAAvAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAP//////////AAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAACqAgIBBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAvAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAAC//////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAgAT/////gICAMgAAAAAAAAAA//////////8AAAAAAAAAAICAgGX/////gICARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////5////+f////n////gf///ud///vn3//35+//78P3//8k///e53v//ee//73nvf+75938ABgAPAAIAD+7593/vee9//3nv//e53v//yT//+/D9//35+//++ff//7nf///gf///+f////n////5///////8=);

        display: inline-block;

        height: 2.0em;

        width: 2.0em;

        margin: 0 .05em 0 .1em;

        vertical-align: -0.3em;

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

}

/* contact configs */

.profile .contact {

background-color: rgba(171, 118, 207, 0.4);

}

.profile .contact {

border: white;

font-family: 'blackside';

background: transparent;

text-transform: lowercase;

}

.f-col{

border: 2px white;

}

.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 friend */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif);

}

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

 /* add 2 fav */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)

}

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

 /* chat */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)

}

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

 /* forward */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)

}

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

 /* instant msg */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)

}

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

 /* block */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)

}

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

 /* add 2 group */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)

}

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

 /* report */

 content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)

} 

.contact .inner a img {

 font-size: 0;

}

.contact .inner a img:before {

 font-size: 1em;

 display: block

}

/* about, interests n comments details */

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

background: #2B2B2B;

border: 7px DarkRed;

-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

}

.profile .friends .comments-table td {

background-color: black;

border: 7px DarkRed;

}

.comments-table td*{

  }

.profile .comments-table .inner {

box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3); 

}

.comments-table td:first-child img{

border-style: solid;

border-width: 10px;

border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;

box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);

}

.profile .comments-table .comment-replies{

background-color: Black;

border: none;

color: white;

}

.general-about .details{

padding: 2px;

background: darkred;

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

background-size:cover;

}

/* nav bar */

nav{ 

font-size: 13px !important;

text-shadow: 1px 1px black;

text-transform:none;

padding-left:3px;

text-align: center;

    }

nav .links {

background: rgb(28,27,27);

background: darkred;

box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);

filter: grayscale(1);

}

nav .links a:hover {

color: DarkRed;

}

nav .top{

/* has search bar logo n button */

background: rgb(28,27,27);

background: darkred;

}

/* the spacehey logo */

nav img.logo{

filter: brightness(0) saturate(100%);

}

  .search-wrapper input[type=text] {

    background: white;

    font-family: starlight;

    border: 3px black;

  }

  button{

  font-family: courier !important;

    background: rgb(121,121,121);

background: linear-gradient(360deg, rgba(121,121,121,1) 83%, rgba(190,190,190,1) 94%);

color: black;

}

.profile .url-info {

border: none;

color: transparent;

font-size: 0.1px;

}

.profile .table-section {

border: none;

}

/* general comments configs */ 

table.comments-table {

border: 2px inset DarkRed;

}

footer {

color: white !important;

box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);

text-decoration: underline !important;

text-decoration-style: dotted !important;

background: rgb(28,27,27);

background: darkred;

  }    

    </style>

<style>

/*hides white box around comments table*/

    .table.comments-table:{

    border-color:transparent;}

</style>

<style>

h1{

  animation: type 3s steps(27);

  color: white;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }

@keyframes type{

  0%{

    width:0ch;

  }

  100%{

    width:27ch;

  }

}

@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}

body::before {

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);

z-index: 2;

background-size: 100% 2px, 3px 100%;

pointer-events: none;

}

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

animation: float 4s;

animation-iteration-count: infinite;

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

}

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

animation: float 4s;

animation-iteration-count: infinite;

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

}

@keyframes float {

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

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</style>

<style>

/* for this box, you can add an image of your choice. it's right under the contact box. */

.url-info{

    background: url('https://64.media.tumblr.com/2a6be440747842100f68e6267e917f8a/6f32cdec6f484bd9-6c/s640x960/fbf29842ce5e2751e4dbf2f7e4a67cc8c44f8cf8.gifv');

    background-position: center;

    border: var(--borders)!important;

    height: 300px;

    background-size:cover;

}

.url-info p{

    opacity: 0.0;

}

.pfp-fallback{

filter: grayscale(1);

}

</style>

<style>

/*Put Your Comments In A Scroll Box*/

table.comments-table{

background-color:black;

display: block;

height: 300px!important;

overflow-y: scroll;

border-radius:15px;

border-color:black;

border-width: 3px;

}

</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}

@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

</style>

<style>

.online {

  animation: rotation 8s infinite linear;

}

@keyframes rotation {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(359deg);

  }

}

</style>

<style>

/*Customize Scrollbar*/

    ::-webkit-scrollbar {

    width: 8px;

    height: 10px;}

    ::-webkit-scrollbar-thumb {

    background: darkred;}

    ::-webkit-scrollbar-track {

    background:black;}

</style>

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

</iframe>

Who I'd like to meet:

Gente cool