.logo {
    font-size: 0px;
}

.logo:after {
    color: black;
    font-size: 15px;
    content: "myshout.us";
    text-align: left;
}

body {
    background: url(https://i.imgur.com/0HEUb3r.png);
    font-size: 16px;
    color: white;
    font-family: system-ui;
    background-size: 300%;
}

.extended {
    font-size: 10px;
}

.extended::before {
    content: url(https://i.imgur.com/lKcrurT.png);
}

.topRight::before {
    content: url(https://i.imgur.com/3KnTaWL.png);
}

.short::after {
    font-size: 21px;
    content: "VIEW MY PIX | JOIN MY LIST";
    text-align: left;
    font-weight: bold;
}

.tableRight {
    background: #0068209c;;
}

.tableLeft {
    background: #2ebb3f87;
}

.blurbs::before {
    font-weight: bold;
    content: "NOTE!!! If the game doesnt load, right click while its loading and press PLAY!";
    font-size: 25px;
    color: #10ff00;
}

#header a:not(.logo) {
    margin-left: 10px;
    color: #000;
    font-size: small;
    text-decoration: none;
}

#header {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(180deg, #EEFF00FF 0%, #FFF9A1FF 8%, #FFFFFFFF 24%, #F0FF7EFF 39%, #EEFF00FF 48%, #EEFF00FF 100%);
    color: #000;
    max-height: 200px;
    height: 50px;
}

@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}

@keyframes .slide {
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}

#hSub a {
    color: #000;
}

#hSub {
    background: #ffffff00;
}

div#country::after {
    content: "New Mexico　　　Single, Baby, Single!　　　Here for hook ups!　Lean & Mean　　　　I'm totally cool with ethnics, black, mexican, whatever, aslong as you're SMOKING HOT, YO!";
    font-size: 15px;
}
div#country {
    font-size: 0px;
}

.player {
    background: white;
    color: #00ffdc;
    filter: invert(1);
    border: 2px solid #999;
}

.boxHead {
    background: transparent;
    color: white;
    padding: 3px;
    padding-bottom: 4px;
    padding-left: 6px;
}

.boxInfo {
    border: 1px solid #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    background: #085b16cf;
}

.url {
    border: solid 2px #fff;
    padding: 2px;
    background: #00701ab8;
}

.extended {
    font-size: 10px;
    border: 0px;
    background-image: radial-gradient(75% 75% at 59% 21%, #ffffff1f 0%, #000000FF 100%);
}

.blurbs {
    margin-bottom: 20px;
    background: #0000004f;
    border: 2px solid #c5c500;
}

.rightHead {
    background: transparent;
    color: #fff100;
    font-size: 15px;
    padding-left: 4px;
}

.blog {
    background-color: #0000008c;
    padding: 15px;
    border: 2px solid #e5ff00;
}

.box.fwiends {
    overflow: hidden;
    background: #0000004f;
    border: 2px solid #c5c500;
}

.blurbs {
    padding: 20px;
}