html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExY3RjeXQ1MXJ6ajFnZGZxZzc0bTdsbnh5M3VnN3F2emRnMzc5d29kdSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Y3ky23nuLiwWB4MPqz/giphy.gif);
background-size:contain;
}

#container {
    display: grid;
    grid-template-columns: 50%;
    grid-template-rows: 1fr auto;
    height: 100%;
}

#header{
grid-column: 1 / span 2;
    grid-row: 1;
}
#hSub{
grid-column: 1 / span 2;
    grid-row: 2;
}

.topLeft {
    grid-column: 1;
    grid-row: 3;
    overflow-y: auto;
float: none !important;
  width: auto !important;
}

.topRight {
    grid-column: 2;
    grid-row: 3;
    overflow-y: auto;
    min-height: 0; /* para activar scroll en grid */
    color: black;
    text-shadow: -1px 0 crimson, 0 1px crimson, 1px 0 crimson, 0 -1px crimson;
    background: transparent;
float: none !important;
  width: auto !important;
}

#footer {
    grid-column: 1 / span 2;
    grid-row: 4;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    text-align: center;
    padding: 10px;
}
    
a{
color: white;
font-size:18px;
text-shadow: -1px 0 crimson, 0 1px crimson, 1px 0 crimson, 0 -1px crimson;
}

.boxButton{
color: white;
font-size:18px;
text-shadow: -1px 0 crimson, 0 1px crimson, 1px 0 crimson, 0 -1px crimson;
}

div#header{
background-image:url(https://coverfiles.alphacoders.com/587/58720.jpg);
}

.logo{
font-size:0;
}

.logo::after{
content:"WELCOME TO COMEDY ISLAND";
font-family: verdana, sans-serif;
font-size: 20px;
font-weight: bold;
text-shadow: -1px 0 #00D654, 0 1px #00D654, 1px 0 #00D654, 0 -1px #00D654;
}

.songName{
font-family: "Courier New", monospace;
font-size:15px;
font-weight: bold;
}

div.box.blurbs{
background: url(https://scontent.fhmo1-2.fna.fbcdn.net/v/t39.30808-6/492599266_1567799413898853_2429791807899398409_n.png?_nc_cat=100&ccb=1-7&_nc_sid=cc71e4&_nc_ohc=z5H7Yd7LmzwQ7kNvwFzOE_F&_nc_oc=AdkkxxxR8VZdHv5XmiphiaH1pfIlu4Raj9_T8IVqGnt-Lh9msuD6GMC11YXoIooIKuzHSu6j7PM4tOobt4KSAgbu&_nc_zt=23&_nc_ht=scontent.fhmo1-2.fna&_nc_gid=JHVyMdN4GFNdh73NuxQ_9g&oh=00_AfUGN3ZcuJKULpRAHIJOauo8ScQDtnI8O4HpJdffx80VnA&oe=68A18ECF);
    background-size: cover;
}

.topLeft{
color: black;
text-shadow: -1px 0 crimson, 0 1px crimson, 1px 0 crimson, 0 -1px crimson;
}

.player{
background:transparent;
border:0;
}

.blurbs h4{
font-size:25px;
color:#fff;
}

.blurbs{
text-align:center;
}

.blurbs p{
font-size:20px;
}

div#top img{
    border-radius: 100%;
    width: 100px;
    height: 100px;
}

.tableLeft img{
    border-radius: 100%;
    width: 100px;
    height: 100px;
}

.tableRight img{
max-width:150px;
max-height:150px;
}

div.rightHead{
text-align:center;
font-size:25px;
color:white;
background:url(https://coverfiles.alphacoders.com/587/58720.jpg);
}

.extended{
background-color: transparent;
background:url(https://data.whicdn.com/images/141335921/original.gif);
background-repeat: no-repeat;
background-size: cover;
}

div#hSub{
background:url(https://i.pinimg.com/originals/56/02/12/56021290df09f647445a41bd8fcfc8b4.jpg);
}

div.boxHead{
background:url(https://i.pinimg.com/originals/56/02/12/56021290df09f647445a41bd8fcfc8b4.jpg);
}

.tableLeft{
background:#6D6D6D;
}

.tableRight{
background:#B8B8B8;
}

.blog{
background:url(https://a.rgbimg.com/users/x/xy/xymonau/600/nLlFXB0.jpg) no-repeat;
background-size:100%;
}

.short{
font-size:20px;
color #fff;
}

.topLeft:after{
content:".";
font-size:0px;
height:200px;
left:0;
bottom:0;
width:200px;
position:fixed;
z-index:1000;
background-size:100% 100%;
background-image:url(https://media.tenor.com/g-eWKIKKPnEAAAAj/clown-breakdance.gif);
}

.allfwiedsItem{
border-radius:40px;
widht:150px;
height:150px;
}


#sMsg{
background-repeat:no-repeat;
background-image:url(https://icons.iconarchive.com/icons/iconcreme/halloween/512/Mail-icon.png);
background-size:20px;
}

.blogCorpus{
font-size:20px;
}

.blogCorpus img{
width:200px;
height:200px;
}

#userWall{
height:300px;
overflow-y:scroll;
}

div#hSub {
    background: url(https://i.pinimg.com/originals/56/02/12/56021290df09f647445a41bd8fcfc8b4.jpg);
}



.topLeft h2 { 
margin-left:30px;
-webkit-text-stroke: 2px silver;
color:transparent !important;
-webkit-transform: perspective(200px) rotateX(20deg);
font-family: "VCRMono", sans-serif;
font-size: 42px !important;
background-image: url(https://i.postimg.cc/GmkQCKMR/rainbowscroll.gif) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
background-size: 30% 60% !important; 
overflow: hidden;
white-space: nowrap;
animation: dankanim 1.7s steps(20, end);
}

@keyframes dankanim {
  from { width: 0 }
  to { width: 100% }
}

.topRight::-webkit-scrollbar {
  width: var(--scroll-size, 10px);
  height: var(--scroll-size, 10px);
}
.topRight::-webkit-scrollbar-track {
  background-color: var(--scroll-track, transparent);
  border-radius: var(--scroll-track-radius, var(--scroll-radius));
}
.topRight::-webkit-scrollbar-thumb {
  background: url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExc2NueWdpMWxsbm1oZTdxanNkOWdzNmU5dW84bDV4bXZoMTl2YTVwcyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/C95kp5p1hZW9Ltj842/giphy.gif);
  border-radius: 20px;
}