@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;800&display=swap');
*, *::before, *::after {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;}
img{pointer-events:auto;user-select:none;-webkit-user-drag:none;}
:root{--text:#5d4e3c;--shadow:rgba(0,0,0,0.08);}
body.hub-bg,body.land-bg,body.time-bg{background:url('../Images/Backgrounds/GameSelectBGRec.png') center/cover no-repeat fixed!important;}
body{font-family:'Baloo 2',cursive;background:linear-gradient(180deg,#d6eef8 0%,#e8f4f8 40%,#d8eecc 100%);background-attachment:fixed;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;overflow:hidden;overflow-x:hidden;user-select:none;touch-action:manipulation;overscroll-behavior:none;}
.cloud{position:fixed;background:white;border-radius:50px;opacity:.7;animation:drift linear infinite;pointer-events:none;z-index:0;}
.cloud::before,.cloud::after{content:'';position:absolute;background:white;border-radius:50%;}
.cloud-1{width:120px;height:40px;top:10%;animation-duration:30s;}
.cloud-1::before{width:60px;height:60px;top:-30px;left:15px;}.cloud-1::after{width:40px;height:40px;top:-20px;left:50px;}
.cloud-2{width:80px;height:28px;top:20%;animation-duration:40s;animation-delay:-15s;opacity:.5;}
.cloud-2::before{width:40px;height:40px;top:-20px;left:10px;}.cloud-2::after{width:30px;height:30px;top:-14px;left:35px;}
.cloud-3{width:100px;height:34px;top:6%;animation-duration:35s;animation-delay:-8s;opacity:.6;}
.cloud-3::before{width:50px;height:50px;top:-25px;left:12px;}.cloud-3::after{width:38px;height:38px;top:-18px;left:45px;}