body {
  background-image: url(https://i.pinimg.com/originals/ab/01/cb/ab01cbba05d8c2500c925ec0f9a0476c.gif);
  
  margin: 0;
  font-family: fantasy;
  color: white;
}

.bordacima {
  background-image: url(https://i.pinimg.com/originals/17/96/ef/1796ef0033df2a1bb61b02d731541119.gif);
  width: 100px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h1 {
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5); /* Sombra para ler melhor no fundo */
  margin: 20px 0;
   font-family: fantasy;
}

/* O segredo do layout está aqui */
.grid {
  display: flex;          /* Ativa o alinhamento */
  justify-content: center; /* Centraliza o conteúdo na tela */
  gap: 20px;
  padding: 20px;
  
}

main {
  flex: 2;                /* Faz o main crescer mais que a lateral */
 width: 500px;;       /* Não deixa ficar largo demais */
  background-color: rgba(78, 49, 94, 0.7); /* Fundo semi-transparente para leitura */
  border: 4px solid #4e315e;
  padding: 20px;
  border-radius: 10px;    /* Cantinhos arredondados */
  align-content: center;
 font-family: fantasy;
}

aside {
  flex: 1;
  min-width: 200px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px  #4e315e;
  padding: 15px;/* Ajusta a altura ao conteúdo */
}
.miku{
  width: 2000px;
  flex-direction: row-reverse;
}
myinterest{
  flex: 2;                /* Faz o main crescer mais que a lateral */
 width: 500px;;       /* Não deixa ficar largo demais */
  background-color: rgba(78, 49, 94, 0.7); /* Fundo semi-transparente para leitura */
  border: 4px solid #4e315e;
  padding: 20px;
  border-radius: 10px;    /* Cantinhos arredondados */
  align-content: center;
 font-family: fantasy;

}
html {
  cursor: url('https://dinopixel.com/preload/0222/rainbow-star.png'), auto;
}