@import url('https://fonts.googleapis.com/css2?family=Signika:wght@400;700&display=swap');body{background-color: #0c3758;color: #fff;font-family: 'Signika', sans-serif; padding-bottom: 10px;}header{padding: 6px 0;text-align: center;background-color: #2196f3; color: #fff;font-weight: 400; line-height: 1.8; box-shadow: 0 0 10px #1a1a1a;}nav{display: block; padding: 10px 5px; margin: 0; background: #ffffff; color: #0b3758;}nav a{padding: 4px; font-weight: 700;}footer p{font-size: 13px; font-weight: 300; padding: 5px; border-radius: 6px; color: #fff;}.label-warning{background-color: #f44336; margin-left: -15px;}.sp{position: absolute; top: 50%; left: 50%; font-size: 50px !important;}.snowflake{color: #fff; font-size: 1em; font-family: Arial;}.msg{font-size: 24px; font-weight: bold; text-align: center;}.alert-danger{color: #ffffff !important; background-color: #b80000 !important; border-color: #ce0021 !important; font-size: 20px !important; text-align: center;}.alert{padding: 50px 10px !important; margin: 0px; border: 0px solid transparent !important; border-radius: 0px !important;}@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}header img{width:72px; border: 4px solid #fff; border-radius: 46px;}h1{font-weight: 700; font-size: 24px; margin: 16px 0;}header p{font-size: 18px;}h2,h3,h4,h5,h6{font-size: 24px; font-weight: 700; padding: 10px; border-left: 5px solid #ffeb3b; border-left: 5px solid #ffeb3b; background: #3f51b5; border-radius: 8px; color: #ffffff;}.btn, .btn:focus, .btn:hover{background-color: #ffeb3b; color: #0b3758; outline: none;}.install{display: block; width: 100%;}.logo{display: block; width: 55px; margin: auto; padding-top: 10px; border:none;}.all-apps{margin: 20px auto;}.app{height: auto; overflow: overlay; margin: 10px auto; cursor: pointer; font-size: 18px; color: #525252;}a{text-decoration: none !important; color: inherit;}.app img{display: block; margin: auto; width: 100%; margin-bottom: 10px; border-radius: 20px; border: 2px solid #8fa4a4; padding: 2px;}.title{color: #fff; margin: 10px auto; text-align: center; text-shadow: 0px 0px 10px #00d8ff; height: 30px;}/* page 2 */.holder{max-width: 700px;margin:0 auto;position:relative;}.top-banner{display:block;margin:auto;width:100%; max-height: 300px;}.row-bg{margin: 0; padding: 0 10px; -webkit-backdrop-filter: blur(15px); bottom: 0; color: #fff; height: auto; width: 100%; background: #041b2c;}.game-h1{font-size: 24px; font-weight:700; text-align:left; margin-left: -15px; margin-bottom: 10px;}.round{border-radius: 12px;margin: 10px 0; border:2px solid #ccc; max-width: 60%;}.holder-2{max-width: 700px;margin:10px auto;padding:10px;}.st{border: 2px solid #ffeb3b;color: #ffeb3b;padding:2px 8px;max-width:200px;display:inline-block;border-radius:6px;margin-right:6px;}.st-2{margin:6px auto;}.fa-chart-line:before{font-size: 24px;}.rating{font-size: 26px; color: #fff;position: absolute; top: 5%; left: 5%;}.vote{font-size: 26px; color: #fff;position: absolute; top: 45%; left: 5%;}.buttons{text-align:left;}.install{background: #ffeb3b;cursor: pointer;display:inline-block;border:none;width:150px;margin-right:8px;margin-top:10px;padding:10px;color:#0b3758;font-weight:bold;border-radius:8px;}.stars{color: #ffffff; position: relative; text-align: center; text-shadow: 2px 1px 20px #00d8ff;}.video-container{position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16=0.5625) */}.video-title{font-weight: 300; text-align: center; display: block; font-size: 12px; color: #000; border-radius: 4px; background: yellow; margin: 5px;}/* Then style the iframe to fit in the container div with full height and width */.responsive-iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}.about-txt{background: #ffffff; padding: 5px 10px; border-radius: 10px; border-top: 10px solid #ffeb3b; color: #000; margin: 10px auto;}.game-h2,.game-h3,.game-h4,.game-h5,.game-h6{font-size: 20px; line-height: 1.5; border-radius: 10px; background: none; color: #000; border: none; padding: 6px 0; margin:0; font-weight: bold;}hr{margin-top: 20px; margin-bottom: 0px; border: 0; border-top: 1px solid #0b4b74;}nav ul{padding: 0; list-style: none;}nav li{margin: 10px auto; display: block; background: #ececec; color: #000; padding: 10px; font-size: 12px; border-radius: 8px;}.label{font-size: 100%;}/**/.preparing-bg{display: none; z-index: 10; background-color: #000000d4; width: 100%; height: 100%; position: fixed; top: 0; left: 0;}.preparing{z-index: 99; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30%; min-height: 120px; margin: auto; background-color: #ffffff; color: #0c3758; text-align: center; padding:16px; font-size: 18px; border-radius: 10px;}.fa-spin{font-size: 30px; margin-bottom: 10px;}/**/.msg-box{text-align: center; background: white; color: #000; line-height: 1.7; padding: 8px; margin: 20px auto; border: 5px solid #4caf50;}.fa-solid{font-size: 40px !important; color: green !important;}.msg-box{font-size: 18px;}.footer-text{font-size: 10px; font-weight: 300; padding: 5px; background: #0b3758; border-radius: 6px; color: #ffffff; text-align: center;}/**/@media (max-width:960px){header{padding: 12px;}.logo{width: 42px;}.h1-home{font-size: 14px;}.h1-how{font-size: 19px;color: #fff !important;height: 20px;-webkit-animation-name: pulse;-webkit-animation-duration: 3s;-webkit-animation-direction: alternate;-webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;-webkit-transform: translateZ(0);}.how{text-align: center;color: #fff !important;}.howto{text-align: center;color: #fff !important;}@-webkit-keyframes pulse{0%{transform: scale(1);}50%{transform: scale(0.7);}100%{transform: scale(1);}}.how{text-align: center;color: #fff;}.video-container1{position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 */ height: 0;}.video-container1 iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.game-h1{font-size: 14px;}.game-h2,.game-h3,.game-h4,.game-h5,.game-h6{font-size: 14px;}.label{font-size: 75%;}h1{font-size: 14px;}header p{font-size: 14px; line-height: 1.8; margin: 14px 6px;}h2,h3{font-size: 14px;}.app{font-size: 14px; margin-bottom: 0;}.app img{margin-bottom: 5px;}.app .title{font-size: 11px;}.round{max-width: 90%;}.preparing-bg{font-size: 14px; width: 100%;}.preparing{width: 80%;}}/**//*=====Scrollbar CSS=====*/ /* Firefox */ *{scrollbar-width: auto; scrollbar-color: #2196f3 #2196f3;}/* Chrome, Edge, and Safari */ *::-webkit-scrollbar{width: 14px;}*::-webkit-scrollbar-track{background: #ffffff;}*::-webkit-scrollbar-thumb{background-color: #ffeb3b; border-radius: 0px; border: 0px solid #ffffff;}