.HomePageContainer{min-height:calc(100vh - 70px)}.HomePageContainer .difficulty-selector-container{position:fixed;top:70px;z-index:2;height:calc(100vh - 70px);width:100%;pointer-events:none;display:flex;align-items:center;justify-content:center}.HomePageContainer .difficulty-selector-container.active{pointer-events:painted}.HomePageContainer .difficulty-selector-container .difficulty-selector-box{max-width:350px;width:90vw;padding:10px;border-radius:10px;background-color:#002738;color:#ffe0ad;box-shadow:0 5px 15px rgba(0,0,0,.35);transform:scale(0);opacity:0;max-height:calc(100vh - 70px);overflow:auto;scrollbar-width:thin;scrollbar-color:#ffe0ad transparent;transition:.5s cubic-bezier(.4,0,.2,1)}.HomePageContainer .difficulty-selector-container.active .difficulty-selector-box{opacity:1;transform:scale(1)}.HomePageContainer .difficulty-selector-container .difficulty-selector-box .Name{text-align:center;width:100%;font-weight:700;font-size:30px}.HomePageContainer .difficulty-selector-container .difficulty-selector-box .difficulty-Note{margin:10px 0}.HomePageContainer .difficulty-selector-container .difficulty-selector-box .difficulty-heading{display:flex;font-size:30px;justify-content:center}.HomePageContainer .difficulty-selector-container .difficulty-selector-box .difficulties{width:90%;margin-left:5%;color:#002738}.HomePageContainer .difficulty-selector-container .difficulty-selector-box .difficulty{background-color:#ffe0ad;margin-top:10px;padding:10px;font-size:20px;font-weight:700;border-radius:5px;cursor:pointer;transition:.2s ease-in-out}.HomePageContainer .difficulty-selector-container .difficulty-selector-box .difficulty:hover{box-shadow:0 8px 24px rgba(149,157,165,.2);transform:translateY(-2px)}.HomePageContainer .section-one{display:flex;justify-content:center;flex-direction:column;padding:10px 0 10vw 10vw}.HomePageContainer .section-one .Landing-Heading h1{font-size:40px;font-weight:700;line-height:50px}.HomePageContainer .section-one .Landing-Heading p{font-size:20px;width:80%;margin:5px 0}.HomePageContainer .section-one a{width:307px;display:flex}.HomePageContainer .section-one button{background-color:#002738;color:#ffe0ad;font-size:20px;font-weight:700;margin-top:10px;padding:15px 20px;border-radius:5px;cursor:pointer}.HomePageContainer .main-section{display:flex;justify-content:space-between;margin-bottom:10px;padding:0 10vw}.HomePageContainer .main-section .Featured-Games-container{padding-top:100px;width:60%}.HomePageContainer .main-section .Featured-Games-container .Featured-Games-Heading{font-size:40px;font-weight:700}.HomePageContainer .main-section .Featured-Games-container .Games{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.HomePageContainer .main-section .Featured-Games-container .Games .Game{flex:1;background-color:#002738;padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:calc(50% - 10px);min-width:calc(50% - 10px);box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transform:translateY(50px);transition:.5s cubic-bezier(.4,0,.2,1);cursor:pointer}.HomePageContainer .main-section .Featured-Games-container .Games .Game img{width:78px;border-radius:5px;margin-top:10px}.HomePageContainer .main-section .Featured-Games-container .Games .Game.active{transform:translateY(0);opacity:1}.HomePageContainer .main-section .Featured-Games-container .Games .Game:hover{box-shadow:0 6px 20px rgba(0,0,0,.25);transform:translateY(-5px)}.HomePageContainer .main-section .Featured-Games-container .Games .sec-one{display:flex;gap:10px}.HomePageContainer .main-section .Featured-Games-container .Games .Game img{min-height:74px}.HomePageContainer .main-section .Featured-Games-container .Games .Game .name{color:#ffe0ad;margin-top:10px;font-size:20px;font-weight:700}.HomePageContainer .main-section .Top-3-players{width:30%;padding-top:50px}.HomePageContainer .main-section .Top-3-players .container{background-color:#002738;color:#ffe0ad;padding:20px;border-radius:10px;opacity:0;transform:translateY(50px);transition:.5s cubic-bezier(.4,0,.2,1)}.HomePageContainer .main-section .Top-3-players .container.active{transform:translateY(0);opacity:1}.HomePageContainer .main-section .Top-3-players .container .Heading{font-size:30px;font-weight:700;text-align:center}.HomePageContainer .main-section .Top-3-players .container .players{margin-top:20px;display:flex;flex-direction:column;gap:5px;user-select:none}.HomePageContainer .main-section .Top-3-players .container .players .player{display:flex;gap:10px;font-size:20px;font-weight:700}.HomePageContainer .main-section .Top-3-players .container .players .player .name{flex:1;white-space:nowrap;overflow:hidden;align-items:center;display:flex}.HomePageContainer .Note{margin-top:40px;margin-bottom:20px;padding:0 10vw}@media (max-width:840px){.HomePageContainer .Note,.HomePageContainer .main-section,.HomePageContainer .section-one{padding:5px 10px}}@media (max-width:990px){.HomePageContainer .main-section .Top-3-players{display:none}.HomePageContainer .main-section .Featured-Games-container{width:100%}}