/* hi css grabber!! welcome to my pile of garbage :grin: take whatever you want, i won't sue you or anything */

/* Start https://www.cursors-4u.com */ * {cursor: url(https://myspace.f46n.org/res/discord/attachments/846819608388436001/1079842734552129576/gam1011.png), url(https://myspace.f46n.org/res/discord/attachments/846819608388436001/1079842734552129576/gam1011.png), auto !important;} /* End https://www.cursors-4u.com */

.logo{
      font-size:0;

}

.logo::after {
    content: "LambdaSpace";
    text-shadow: 2px 2px 4px #000;
    color: #fff;
    line-height: 10px;
    font-size: 25px;
    padding: 70px;
    top: -57px;
    position: absolute;
    margin-left: 0px;
}

div#online img {
    content: url(https://www.myspacegens.com/images/online_now/322.gif);
    max-width: 80px;
}

div#header {
    background-image: url(https://i.imgur.com/yp3fq7o.png);
    background-color: #0028d3;
    background-position: 4px -198px;
    text-align: center;
    font-family: Trebuchet MS;
    background-size: contain;
}

div#hSub {
    color: white !important;
    background-color: #19008b;
    text-align: center;
    font-family: Trebuchet MS;
    border-bottom: black solid 1px;
}

h2#name {
    color: #606df7;
    text-shadow: 0px 0px 4px #5487ff;
}

.extended.box {
    border: 3px solid black;
}

h4 {
    color: #4a70ef;
}

pre {
    overflow: auto;
}

body {
    color: white;
    background-color: #02000c;
    background-image: url(https://i.imgur.com/cpCFdj7.gif);
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-family: Trebuchet MS;
    image-rendering: pixelated;
}

.player.box {
    background-color: #5578e0;
    background-size: 33%;
    background-position: 150px;
    color: white;
}

.boxInfo.box {
    border-color: #ffffff00;
}

.url {
    background:url(https://myspace.f46n.org/res/discord/attachments/909736268722737173/1076676676311863296/black_mes.png)no-repeat;
    position: fixed;
    right: 0;
    bottom: -100px;
    color: #ffffff00;
    background-size: 300px;
    height: 280px;
    width: 280px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
}


.player::before {
    content: "";
    display: block;
    position: relative;
    width: calc(40% -20px);
    height: 390px;
    max-width: 390px;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: url(https://media.tenor.com/ikvNGorfUP8AAAAC/virtual-insanity.gif);
}

.topLeft {
    margin-top: 20px;
    background-repeat: no-repeat background-color: #a1bfc6;
    background-size: cover;
    background-image: url(https://i.imgur.com/zDSCnBb.png);
    border: 2px solid #000000;
    box-sizing: border-box;
    background-color: #1d1d68d9;
}

.topRight {
    margin-top: 20px;
    margin-bottom: 20px;
    background-size: cover;
    background-image: url(https://i.imgur.com/zDSCnBb.png);
    border: 2px solid #000000;
    box-sizing: border-box;
    background-color: #1d1d68d9;
}

div#footer {
     bottom:0;
     font-size:0;
     left:500px;
     position:fixed;
     pointer-events: none;
 
}
.fwiendCount {
    color: #c7bdff;
}


.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ffffff00;
}

.fwiendFace:hover {
    transform: scale(1.2);
    animation: wob .5s linear infinite;
    background: #ffffff00;
    box-shadow: 0 0 #fff;
    border: 1px solid #add8e6;
    transition: 0.5s;
}

.tableRight {
    background: #6982ff00;
}


.boxHead {
    color: #FFF;
    background: #1000ff00;
}
.rightHead {
    color: #FFF;
    background: #5600ff52;
}

a:hover {
  animation: changeColor 1s linear infinite;
}

@keyframes changeColor{
    0%{color:#ff99cc;}
    10%{color:#CCA6D9;}
    20%{color:#99B3E6;}
    30%{color:#66BFF2;}
    40%{color:#33CCFF;}
    60%{color:#66BFF2;}
    70%{color:#99B3E6;}
    80%{color:#CCA6D9;}
    90%{color:#FF99CC;}
    100%{color:#FF99CC;}
}
 
.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ffffff00;
}

.fwiendFace:hover {
    transform: scale(1.2);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #fff;
    border: 1px solid #b4c7f7;
    transition: 0.5s;
}

.tableLeft:hover {
    transform: scale(0.8);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #fff;
    border: 1px solid #b4c7f7;
    transition: 0.5s;
}

.box.blog {
    background: #a6c6e0;
}


div#top a, #userWall a {
    color: white;
}


div#top {
    overflow: visible;
    padding-left: 25px;
    padding-right: 34px;
}

}
.topLeft.blogCard{
animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.box.blog{
animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.box.comments{
animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.box.fwiends{
animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.blurbs{
animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.extended{
animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.topLeft:after{
animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.boxInfo{
 animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.short{
 animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
}
.player{
 animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
} 
#name{
 animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
} 
@media only screen and (max-width: 768px)
.topLeft, .topRight {
    width: auto;
    float: none;
}

.topLeft:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 285px;
    background-image: url(lll), url(https://myspace.f46n.org/res/discord/attachments/319603232823443456/1048413417897209908/image.png);
    background-repeat: no-repeat, no-repeat, repeat, repeat, repeat, repeat;
    background-size: 390px;
    border-radius: 0px;
    box-shadow: 0px 0px 10px #888888;
    padding: 0px;
}

div#country
{
    position:relative;
    visibility:hidden;
}

div#country:after
{
    content:"White Forest";
    left:0;
    position:absolute;
    top:0;
    visibility:visible;
}

div#gender
{
    position:relative;
    visibility:hidden;
}

div#gender:after
{
    content:"Cyborg";
    left:0;
    position:absolute;
    top:0;
    visibility:visible;
}

#sMsg {
    background-image: url(https://myspace.f46n.org/res/discord/attachments/846819608388436001/1079989888444792873/logo.png);
    background-size: 20%;
    color:#698ce5;
}

#block {
    background-image: url(https://myspace.f46n.org/res/discord/attachments/846819608388436001/1079989888444792873/logo.png);
    background-size: 20%;
    color: #698ce5;
}

#report {
    background-image: url(https://myspace.f46n.org/res/discord/attachments/846819608388436001/1079989888444792873/logo.png);
    background-size: 20%;
    color: #698ce5;
}

#add {
    background-image: url(https://myspace.f46n.org/res/discord/attachments/846819608388436001/1079989888444792873/logo.png);
    background-size: 20%;
    color: #698ce5;
}

#remove {
    background-image: url(https://myspace.f46n.org/res/discord/attachments/846819608388436001/1079989888444792873/logo.png);
    background-size: 20%;
    color: #698ce5;
}

.blurbs {
text-align: center;
} 

div#about p div {

display: inline;

}

span#hUp::before {
    font-size: small;
    content: "New visitor detected!";
    font-size: 13px;
    text-shadow: 0px -2px #2d2d2d;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: blinkingTextBlue;
    font-family: Trebuchet MS;
}

div.player.box {
  background-color: #2b54c4;
  color: #0081f9;
  text-align: center;
}

body::before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    background-image: url(https://myspace.f46n.org/res/discord/attachments/792028969146908702/1090342923574464583/reverse.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: 100em 50%;
    z-index: 10000;
    opacity: 0;
	animation-name: fade;
	animation-iteration-count: 1;
	animation-timing-function: step-end;
	animation-duration: 6s;
}
    @keyframes fade {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}