<style>
 html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

    :root {
        --logo-blue: #3e4935;
        --darker-blue: #785633;
        --lighter-blue: #6e7363;
        --even-lighter-blue: #785633;
        --lightest-blue: #785633;
        --dark-orange: #785633;
        --light-orange: #785633;
        --even-lighter-orange: #3e4935;
        --green: #6e7363;
    }
    * {
        font-family: Monospace;
    }
    body
        {background: url("https://wallpapertag.com/wallpaper/full/d/f/0/665464-amazing-beautiful-rainy-landscapes-wallpapers-hd-2018-1920x1080-picture.jpg")
        no-repeat fixed; background-size: cover;
     }
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }
    .blog-preview p a{
        color: #6e7c63!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: shown;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(227, 217, 198, 0.70) !important;
    }
    .container {
        border-radius: 0 0 15px 15px;
        overflow: shown;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(227, 217, 198, 0.70) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: rgba(227, 217, 198, 0.50) !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 1px;
    }
   .profile .friends .person img {
        border-radius: 0px;
    }
    .friends-grid img{
        opacity(50%) 
        border-radius: var(--curve) 
        filter: color:;
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
</style>
<style>
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !important;
}
</style>



<style>
/* Transparent White Star - https://www.cursors-4u.com/cursor/transparent-white-star */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/transparent-white-star-8649600b-32.webp') 35 34, auto !important;
}
/* End www.Cursors-4U.com Code */


<style>
          .general-about{
  position: relative;
  margin-top: 30px;
}
 

<style>

.online {content:url('https://i.ibb.co/Zd7d0sW/97-sin-t-tulo.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2;

}

</style>


<style>
/* banner */
main:before {
	width: 100%;
	height: 250px;
	display: block;
	content: "";
	background-image: url('https://i.makeagif.com/media/12-26-2016/UWDYuV.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 700px) {
	main:before{
		height: 200px;</style>


<style>


.general-about{

  position: relative;

 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://i.pinimg.com/originals/1e/4f/0e/1e4f0eb0885c18f96a847304259bde45.gif') no-repeat;

  background-size: cover;

  display: block;

  width: 90px;

  height: 90px;

  z-index: 999;

  position: absolute;

  top: -60px;

  left: 39px;




</style>



<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://external-media.spacehey.net/media/sqQpDOhl6_bwDCCxdnVYYHOOkqIKNHS4TyT-_rMrWNs4=/https://pixelsafari.neocities.org/dividers/hangingstars.gif);  width: auto; height: 70px; background-position: top center; background-size: 60%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>
