html{
    /*! background: linear-gradient(#123c68,transparent 20% 80%, #310603) fixed,url("/archivos/jpg/juegos.jpg") center / cover fixed no-repeat; */
        height: 100%;
    margin: auto;
}

h1{
    font-size: 40px;
    text-align: center;
    color:pink;
    font-family: "Bangers", system-ui;
}

body{
    display: grid;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: auto;
    
}

center{
  border: black 3px solid;
  border-radius: 10px;
      box-shadow: inset 0px 0px 20px #11acca, 5px 10px 5px 5px black;
    border: #44c9e6 3px solid;
  padding: 30px;
  backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.titulojuegos{
    text-align: center;
        color:pink;
    font-family: "Bangers", system-ui;
    
}

.juegos {
  display: flex;
  border: 2px azure solid;
  background: #030b13;
box-shadow: inset 0px 0px 20px #11acca, 0px 0px 5px 5px black;
  padding: 20px;
  text-align: center;
  margin: auto;
  border-radius: 20px;
   width: fit-content;
    flex-wrap: wrap;
}

.juegos img{
    width: 140px;
 }

.streming{
    border: 2px azure solid;    
    background: #030b13;
    box-shadow: 0px 0px 5px 5px #11acca;
}

.owncast{
    width: 400px;
    height: 300px;
}

aside{
    display: flex;
    flex-direction: column;
    text-align: center;
     border: 2px azure solid;    
    background: #030b13;
    box-shadow: 0px 0px 5px 5px #11acca;
    margin: auto;
    width: 400px;
    border-radius:20px;
}

.titulostream{
    text-align: center;
        color:pink;
    font-family: "Bangers", system-ui;
    
}

.aside1 {
  padding: 20px;
}

aside h2{
    font-size: 20px;
    text-align: center;
    color:pink;
}

aside2 img{
    width: 70px;
}


@media (max-width:780px){

html{
   background:url("/archivos/jpg/juegos.jpg") center / cover no-repeat fixed;
}

.games{
display:none;
}

}