<style>
.online {content:url('http://dl7.glitter-graphics.net/pub/123/123537ffm5m11zus.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
body{background:url("https://i.postimg.cc/v801vYV1/gradient.png") no-repeat fixed; background-size:cover;}
</style>

<style>
main {
  background-color: transparent;
  color: white;
border-radius: 15px}
</style>

<style>
nav .top {border-radius: 15px;
border: 5px outset #0d4b73;
 background-color: #0066A7;}
</style>

<style>
nav .links {background-color: transparent;}
</style>

<style>
footer {background-color: transparent;}
</style>

<style>
.profile .contact, .profile .table-section, .profile .url-info {
  border: 5px outset #004b7c;
border-radius: 15px;
}
</style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #0066A7;
  color: white;
border-radius: 15px;
}
</style>

<style>
.profile .table-section .details-table td {
  background-color: #0066A7;
  color: white;
border-radius: 5px;
}
</style>

<style>
.col.w-40.left .contact {background-color: #0066A7;}
</style>

<style>
.col.w-40.left .url-info  {background-color: #0066A7;}
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
}
</style>

<style>
.profile .friends .comments-table td {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
</style>

<style>
.inner .comments-table {border: 1px transparent;}
</style>

<style>
main a {
  color: var(--white);
}
</style>

<style>
footer a {
  color: var(--white);
}
</style>

<style>
b .count {color: white;}
</style>

<style>
.profile .friends .person p{
 
    color: #fff;
}
</style>

<style>
.col.right .profile-info { background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;}
</style>

<style>
.blurbs .section h4 {display: none !important;}
</style>

<style>
a:hover {
color: white;
font-style: ;
</style>
 
<style>
nav .links a:hover {
color: white;
font-style: ;
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body{font-family: 'Comic Neue', sans-serif;font-size: 120%; }

</style>

<style>
p.thick {
  font-weight: bold;
}
</style>

<style>
td .comment-replies {background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;}
</style>

<style>

.logo {

content:url("https://i.postimg.cc/7hxx2NCc/spaceheysims-1.png");
  height: 61px!important;
    width: 125px!important;

}

</style>

<style>main:before {
	width: 100%;
	height: 240px ;
	display: block;
	content: "";
	background-image: url('https://pbs.twimg.com/media/Fx1KAzvaYAEOIdR.jpg');
	background-position: center center;
	background-size: cover;
border-radius: 20px;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 300px;
	}
}
    </style>


<style>

.online{content:url("https://i.postimg.cc/BZdJGDB2/Plumbob-The-Sims-1-1-1.png");}

</style>
    
    <style>
    button {background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
      border-radius: 5px;}
  </style>
  
  <style>
  .profile .url-info{
background: url('https://i.pinimg.com/originals/ba/2f/3a/ba2f3a6a97bc1cf9aa19ddfc8b3f2fb5.gif'); /*replace pic here*/
background-position: center;
background-size: cover;
border: var(--borders)!important;
border-radius: var(--curve);
height: 250px;
    border-radius: 10px;
} 
.url-info p{ opacity: 0.0; }
  </style>
  
  <style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://i.postimg.cc/sg9tNHc0/CD-Front-removebg-preview-1.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>
  
  <style>
  .friends-grid .person img {border-radius: 200px;
  border: 5px outset #0d4b73;}
  
  td img {border-radius: 200px;
  border: 5px outset #0d4b73;}
  </style>
  
  <style>
.profile .friends .person img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
.profile .friends .person img:not(.icon) {
    transition: 0.5s ease
}
</style>
  
   <style>
td img:not(.icon):hover {
    transform: scale(1.2);
    transition: 0.5s ease;
}
td img:not(.icon) {
    transition: 0.5s ease
}
</style>
  
  <style>
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #0066A7;
  color: white;
border: 5px outset #004b7c;
border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00416b; 
}
</style>

<style>

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

</style>

<style>* {cursor: url("http://www.rw-designer.com/cursor-view/188882.png"), url("http://www.rw-designer.com/cursor-view/188882.png"), auto !important;}</style>