body {
  background-color: white;
  color: black;
  font-family: Ariel;
}

/*ENTRY PAGE*/

.entry-page {
    background-color: gold;
    margin: 0;
    min-height: 100vh;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.enter-gif {
   display: block;
   width: 500px;
}

/*HUB PAGE*/

.hub {
   position: relative;
   
   width: 1100px;
   height: 800px;
   
   margin: 50px auto;
   
   border: 6px solid black;
   border-radius: 40px;
   
   background-color: gold;
}
  
.titlecard-bubble {
   position: absolute;
   
   left: 100px;
   top: -170px;
   
   width: 800px;
   height: auto;
   
   z-index: 2;
}

.title-animation {
   position: absolute;
   
   left: 185px;
   top: -50px;
   
   width: 700px;
   height: auto;
   
   
   z-index: 3;
}   

.shouting-monster {
   position: absolute;
   
   left: -245px;
   top: -115px;
   
   width: 600px;
   height: auto;
   
   z-index: 1;
}   

.nav-box  {

  box-sizing: border-box;
  
  position: absolute;
  
  left: 50px;
  top: 350px;
  
  width: 160px;
  height:200px;
  
  border: 3px solid black;
  border-radius: 20px;
  
  padding: 15px;
  
  background-color: mediumseagreen;
  
  overflow: auto;
  
  clip-path: inset(0 round 20px);
}  

.nav-box a {
  display: block;
}  

.welcome-box {
  box-sizing: border-box;
  
  position: absolute;
  
  left: 300px;
  top: 300px;
  
  width: 400px;
  height: 350px;
  
  border: 3px solid black;
  border-radius: 25px;
  
  padding: 20px;
  
  background-color: mediumseagreen;
  
  overflow: auto;
  
  clip-path: inset(0 round 20px);
}  

.updates-box {
  box-sizing: border-box;
  position: absolute;
  
  left: 800px;
  top: 600px;
  
  width: 220px;
  height: 130px;
  
  border: 3px solid black;
  border-radius: 20px;
  
  padding: 15px;
  
  background-color: mediumseagreen;
  
  overflow: auto;
  
  clip-path: inset(0 round 20px);
}  
  
.nav-box::-webkit-scrollbar,
.welcome-box::-webkit-scrollbar,
.updates-box::-webkit-scrollbar {
  width: 9px;
}

.nav-box::-webkit-scrollbar-track,
.welcome-box::-webkit-scrollbar-track,
.updates-box::-webkit-scrollbar-track {
  background: teal;
  }   
  
.nav-box::-webkit-scrollbar-thumb,
.welcome-box::-webkit-scrollbar-thumb,
.updates-box::-webkit-scrollbar-thumb {
 background: darkorange;
}