html, body {
  margin:0;
  width:100%;
  min-height:100%
  }

body {
  min-height: 100vh;
  display: grid;
  background-color: black;
  color: black;
  font-family: Verdana;
}

/* index */ 

.homepage {
  position:sticky;
  margin:0 auto;
  width:1024px;
  height:768px;
}

.homebg {
      background-image: url('https://badinfinity.neocities.org/homepage.dither.png');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% 100%;
    }
    
.redballtxt {
  
  position: absolute;
  right: 47%;
  top: 28%;
  color: white;
  }
  
 .orangeballtxt {
 
  position:absolute;
  right: 58%;
  top: 36%;
  color: white;
  
}
  
.greenballtxt {
    
  position:absolute;
  right: 46%;
  top: 87%;
  color: white;
  
}
  
 .blueballtxt {
    
  position:absolute;
  right: 66%;
  top: 72%;
  color: white;

}
  
.yellowballtxt {
 
 position:absolute;
 right: 25%;
 top: 73%;
 color:white;
  
}

.pinkballtxt {
    
  position:absolute;
  right: 67%;
  top: 42%;
  color: white;

}
  
.balltxt {
    text-align: center;
    font-family: 'Comic Sans MS', sans-serif;
    }
  
.bntvlogo {
  
  position: absolute;
  top: 2%;
  left: 41%;
  width:225px;
  }
  
/* games */


.playgamestitle {
  
  position: absolute;
  top:2%;
  left:44%;
  }
  
  
.bntvgameslogo {
  
  position: absolute;
  top: 2%;
  left: 4%;
  width:100px;
  }
  
  .gamespage {
  
  text-align: center;
  color: white;
  font-family: 'Comic Sans MS', cursive;
  position: sticky;
}
      
.gamesbg {
      background-image: url('https://badinfinity.com/starpattern01.png');
      background-repeat: repeat;
      background-position: center;
      background-size: 24% 24%;
      margin:0 auto;
      width:1024px;
      height:768px;
      top: 0;
    }
    

.castlegamelink {
  
  position:absolute;
  right: 23%;
  top: 56%;
  }
  
.sweetsgamelink {
  
  position: absolute;
  right: 13%;
  top: 92%;
  }
  
.bnogamelink {
  
  position:absolute;
  right: 55%;
  top: 34%;
  }
  
.fairygamelink {
  
  position: absolute;
  right: 73%;
  top: 55%;
  }
  
.carrotgamelink {
  
  position: absolute;
  right: 10%;
  top: 05%;
  }
  
.memorygamelink {
  
  position: absolute;
  right: 7%;
  top: 25%;
  color: white;
  }
  
  .gamestitle {
  
  position: absolute;
  right: 50%;
  top: 20%;
  color: white;
  }