✦ INTRODUCE YOURSELF

main {
background: white;
color: white;
padding: 9px 2px;
font-size: 85%;
}



:root {
--logo-blue: #ff0055;
--darker-blue: #001eff;
--lighter-blue: #ff0055;
--even-lighter-blue: #ff0055;
--lightest-blue: #00ff99;
--dark-orange: #333;
--light-orange: #ff0055;
--even-lighter-orange: #ff0055;
--green: #38d;
}

.blog-preview p {
background-color: #ff0055;
padding: 5px 10px;
border-radius: 10px;
color: black;
}

table.comments-table td {
background-color: white !important;
}

.comments-table td:first-child img {
.heading {
padding: 5px 0 !important;
margin-top: 15px;
margin-bottom: 10px;
background-color: transparent !important;
color: #000000 !important;
border-bottom: 2px solid;
}

main {
border-radius: 0 0 15px 15px;
background: rgba(240, 235, 232, 0.8) !important;
}

.container {
border-radius: 15px 15px 0 0;
overflow: hidden;
margin-top: 30px;
padding: 10px;
}

footer {
border-radius: 15px;
background: rgba(240, 235, 232, 0.8) !important;
display: block !important;
}

table.comments-table td {
background-color: white !important;
}

.comments-table td:first-child img {
width: 80px;
border-radius: 500px;
}

.profile .friends .person img {
border-radius: 500px;
}

.blog-preview p {
font-size: 1.4rem;
}

a.addme {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
display: block;
}

.group-actions {
background-color: none;
padding: 5px 10px;
border-radius: 10px;
border-color: #000000;
color: black;
}

#comments {
overflow:scroll;
height: 300px;
}








body{
background-color: #000 !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }



main{
background-color: #000000 !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }



h1{color: pink !important;}

meo

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); }

}