@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);a,a:active,a:focus,a:hover{color:inherit;text-decoration:none}body{background-color:#1d1d42;color:#d9d9d9;font-family:Poppins,sans-serif;margin:0;padding:0}nav{justify-content:center;position:fixed;top:0;width:100%}nav,nav .navcontent{background-color:#1d1d42;display:flex}nav .navcontent{align-items:center;color:#d9d9d9;flex-direction:row;font-weight:700;justify-content:space-between;padding:20px 0;width:80%}nav .logo{color:#d9d9d9;font-size:25px}nav .right{align-items:center;display:flex;flex-direction:row;font-size:14px;gap:30px}nav .right .home{transition:.2s}nav .right .home:hover{color:#5236ff}nav .right .playnow{background-color:#5236ff;border-radius:8px;color:#d9d9d9;padding:10px 14px;transition:.2s}nav .right .playnow:hover{background-color:#d9d9d9;color:#1d1d42}.homesec{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.homesec .homeComponents{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 10%}.homesec .homeComponents .intro{display:flex;flex-direction:column;gap:20px;max-width:555px;width:50%}.homesec .homeComponents .intro .title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:56px}.homesec .homeComponents .intro .title mark{background-color:none;background:none;color:#5236ff}.homesec .homeComponents .intro .desc{font-size:clamp(.813rem,1.8vw,1.125rem);letter-spacing:.2px;line-height:32px;width:95%}.homesec .homeComponents .intro .btn-demo{align-items:center;background-color:#5236ff;border:none;border-radius:8px;color:#d9d9d9;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;padding:0 15px;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.homesec .homeComponents .intro .btn-demo svg{fill:#fff;margin-left:10px;transition:.2s}.homesec .homeComponents .intro .btn-demo:hover{background-color:#d9d9d9;color:#1d1d42}.homesec .homeComponents .intro .btn-demo:hover svg{fill:#1d1d42;margin-left:15px}.homesec .homeComponents .pic{width:50%}.homesec .homeComponents .pic img{width:100%}@media only screen and (max-width:1000px){.homesec .homeComponents .pic{width:90%}.homesec .homeComponents .intro{width:100%}.homesec .homeComponents .intro .title{line-height:40px}.homesec .homeComponents .intro .desc{line-height:25px}}@media only screen and (max-width:600px){.homesec .homeComponents{flex-direction:column}.homesec .homeComponents .pic{display:none}}.gameSec{height:80vh;justify-content:flex-start;padding-top:90px;width:100%}.gameSec,.gameSec .gameContainer{align-items:center;display:flex;flex-direction:column}.gameSec .gameContainer{gap:35px;justify-content:center;width:80%}.gameSec .gameContainer .gameTop{display:flex;flex-direction:row;justify-content:space-between;width:100%}.gameSec .gameContainer .gameTop .back{align-items:flex-start;cursor:pointer;display:flex;flex-direction:row;font-size:20px;gap:10px;justify-content:center;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gameSec .gameContainer .gameTop .back:hover{color:#5236ff;gap:15px}.gameSec .gameContainer .gameTop .title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:97%;max-width:480px;text-align:center}.gameSec .gameContainer .scoreBoard{align-items:center;display:flex;flex-direction:column;font-size:30px;font-weight:700;gap:10px;justify-content:center;margin-top:-30px}.gameSec .gameContainer .scoreBoard p{font-size:24px}.gameSec .gameContainer .scoreBoard .board{align-items:center;background-color:#5236ff;border-radius:8px;display:flex;flex-direction:row;justify-content:space-evenly;max-height:42px;min-width:140px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gameSec .gameContainer .scoreBoard .board .line{background-color:#d9d9d9;color:#d9d9d9;height:42px;width:1.25px}.gameSec .gameContainer .gameDiv{align-items:center;display:flex;flex-direction:row;gap:60px;justify-content:space-around}.gameSec .gameContainer .gameDiv .col{align-items:center;display:flex;flex-direction:column;font-size:20px;font-weight:500;gap:10px;justify-content:center}.gameSec .gameContainer .gameDiv .player{align-items:center;background:#f5f5f5;border:10.3968px solid #5236ff;border-radius:21.6599px;display:flex;flex-direction:row;justify-content:center;max-width:245px;padding:72px 67px}.gameSec .gameContainer .gameDiv .player img{max-width:110px}.gameSec .gameContainer .gameDiv .winnerDiv{align-items:center;display:flex;flex-direction:column;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:500;justify-content:center;text-align:center}.gameSec .gameContainer .gameDiv .winnerDiv button{background-color:#5236ff;border:none;border-radius:8px;color:#d9d9d9;cursor:pointer;font-size:clamp(.875rem,2vw,1.25rem);font-weight:700;padding:16px 22px;transition:.2s}.gameSec .gameContainer .gameDiv .winnerDiv button:hover{background-color:#d9d9d9;color:#1d1d42}.gameSec .gameContainer .gameBtns button{align-items:center;background-color:#d9d9d9;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:25px;transition:.2s}.gameSec .gameContainer .gameBtns button img{max-height:90px;max-width:90px}.gameSec .gameContainer .gameBtns button:hover{background-color:#5236ff}.gameSec .gameContainer .gameBtns .rowBtns{display:flex;flex-direction:row;gap:30px;justify-content:center;margin-bottom:20px}.gameSec .gameContainer .gameBtns .rowBtns div{align-items:center;display:flex;flex-direction:column;font-size:clamp(1rem,2.125vw,1.5rem);font-weight:700;gap:10px}footer{bottom:10px;font-size:clamp(.5rem,1vw,.875rem);margin-left:auto;margin-right:auto;position:absolute;text-align:center;width:450px}footer a{background-color:none;background:none;color:#5236ff;font-weight:600}@media only screen and (max-width:1000px){.gameSec .gameContainer .gameDiv .winnerDiv{min-width:150px}}@media only screen and (max-width:1000px)and (max-width:850px){.gameSec .gameContainer .gameDiv{gap:30px}.gameSec .gameContainer .gameDiv .player{padding:42px 37px}}@media only screen and (max-width:700px){.gameSec .gameContainer .gameDiv .col{font-size:16px}.gameSec .gameContainer .gameDiv .player img{max-width:80px}}@media only screen and (max-width:600px){.gameSec .gameContainer .gameDiv{flex-direction:column}.gameSec .gameContainer .gameBtns button{padding:20px}.gameSec .gameContainer .gameBtns button img{max-height:80px;max-width:80px}footer{width:300px}.ft{position:relative;top:20px}}@media only screen and (max-width:500px){.gameSec .gameContainer .gameBtns button{padding:15px}.gameSec .gameContainer .gameBtns button img{max-height:70px;max-width:70px}}
/*# sourceMappingURL=main.2e2f63c8.css.map*/