*{
    box-sizing: border-box;

}
body{
    background-image:url('https://file.garden/ZRt8JW_MomIqlrfh/backgrounds/BAKsmallstars.gif');
    font-family:monospace;
}

.box{
    border:3px double #ff0000;
    margin:auto;
    width:80%;
}
.container {
    width:100%;
    margin:auto;
    height:89vh;
    overflow:hidden

}

.content{
    display:flex;
    height:100%;
}

.banner{
height:80px;
padding:10px;
display:flex;
justify-content:space-between

}

/*left column*/


.otherlinks li {
  border:1px solid red;
  padding:5px;
  margin:5px;
  text-align:center;
  list-style-type:none;
  text-transform:uppercase;
  }


.toplinks{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
}
.toplinks a{
    text-transform: uppercase;
    padding:5px;
    font-size: xx-large;
}

.left{
  position:relative;
    display:inline-block;
    border-right:1px solid rgb(255, 0, 0);
    padding:5px;
    font-size:10pt;
    height:100%;
    width:25%;
}

/*right column*/

.right{
    width:75%;
height:85%;
    padding:5px;
    overflow:scroll;
}

/*footer*/

.footer{
width:100%;
display:block;
margin:auto;
padding:5px;
text-align:center;
height:50px;
}


/*colores y bordes*/

.container, .footer{
    background-color:#000000;
    color:#ffffff
}

.footer{
    border-top:1px solid red
}

.toplinks{
    border-top:1px solid red;
    border-bottom:1px solid red;
}

/*texto*/

a{
    text-decoration:none;
    color:#a00000;
}

a:hover{
    text-decoration: underline;
}

ul{
    padding:9px;
    margin:9px;
}

/*texto*/


.glow {
  font-size: 40px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #ff0000, 0 0 20px #fffb00, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fffde9, 0 0 30px #ffff00, 0 0 40px #ffff00, 0 0 50px #fffb00, 0 0 60px #ff4da6, 0 0 70px #f6ff00, 0 0 80px #ff8400;
  }
}



/**/

iframe{
  max-width:100%;}


.feed-item-desc{
  padding:10px;
  margin:10px;}

.status img {
    max-width:50%;
}

.status iframe {
    max-width:100%;
}

.status .feed-title, .feed-item-title{
    display:none;

}

.blogf .feed-item-title{
  display:block;}

.status{
    height:100px;
    border:1px solid white;
    overflow:scroll;
    margin:20px;
}

/*tabs*/



.tablinks{
    color:red;
}
.tab {
  overflow: hidden;
  color:red;
}

/*rss feeds*/

.feed-title{
  display:none;}
  
 .feed-item-title{
    border-top:1px dashed;
}

.artf img {
  width:100%;
    max-width:100%;
    height:auto;
}
.artf{
    column-count: 3;
    column-gap:5;
}

.artf .feed-item-desc{
  display:none;}

.blogf img {max-width:50%;
margin:auto;

}


/*filters and warnings*/


/*sensitive content*/

.warning{display:none;}
.blur { transition: 0.3s;  filter: blur(15px);}
 /* .blur:hover { filter: blur(0); }*/
  .sensitive:hover .warning {color:transparent;   text-shadow: 0px 0px 0px #00000000;}

.gray{-webkit-filter: grayscale(80%);  -moz-filter: grayscale(80%); filter: grayscale(80%); transition: 1s; }
/*.gray:hover{-webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); filter: grayscale(0%);}*/

.sensitive {
  position: relative;
  text-align: center;
  color: white;
font-weight:bold;
font-size:30;
  text-shadow: 1px 1px 5px #000000;}
  
  .sensitive img {
    max-width:100%;}



 .hclick {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
padding:15px;
 z-index:9;
 color:white;}
 
 .hclick:hover{
   text-decoration:underline;}


/**/



.abrirLB{

    text-decoration:none;

}

#Ventana{

    display:none

}

#Ventana:target{

    display:flex;

    align-items:center;

    justify-content:center;

    position:absolute;

    top:0;

    left:0;

    background-color:rgba(0,0,0,0.56);

    width: 100%;

    height: 100%;

}

.contenido{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    top:0;

    left:0;

    margin: 0 auto;
    z-index:999;

} 

.cerrarLB{

    align-self:flex-end;

    color:white;

    text-decoration:none;

}

/*countdown js */

.countdown{

    position: fixed; /* CLAVE */
    width: 300px;
    height:250px;
    bottom:10px;
}

.count{
    z-index:999;
    margin:auto;
    position:absolute;
    bottom:40px;
    left:135px;
    font-size: 9pt;
    color:greenyellow;
    background-color:black;
}

#start-gif{
    display:block;
    width:300px;

    z-index: 1;
}

#end-gif {

           /* top:0 left:0 right:0 bottom:0 */
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
  z-index: 10;
}


/*filtro de imagenes*/


/*color de imagenes*/

/* img, iframe{
  filter: sepia(100%) hue-rotate(300deg);
transition:1s;}

 img:hover, iframe:hover{
  filter: sepia(0%); transition:1s;}*/