@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap);.titleCard-card{display:grid;grid-template-columns:77% 23%;grid-gap:1px 1px;gap:1px 1px;grid-template-areas:"first second";background-color:#585eea;height:60px;line-height:60px;border-radius:10px;box-shadow:-5px -5px 10px 0 rgba(0,0,0,.16),5px 5px 10px 0 rgba(0,0,0,.16)}.titleCard-title-text{grid-area:first;vertical-align:middle;margin-left:17px;font-weight:800}.titleCard-card-input{box-sizing:border-box;border:none;background-color:transparent;color:#eef7ff;height:40px;width:100%;font-size:1em;font-weight:800;font-family:"Nunito"}.titleCard-card-input:focus{outline:none}.titleCard-card-input::-webkit-input-placeholder{color:#eef7ff}.titleCard-card-input:-ms-input-placeholder{color:#eef7ff}.titleCard-card-input::-ms-input-placeholder{color:#eef7ff}.titleCard-card-input::placeholder{color:#eef7ff}.plus-icon{grid-area:second;display:flex;justify-content:center;align-items:center}.card-card{background-color:#2d333a;height:auto;line-height:50px;border-radius:10px;box-shadow:-3px -3px 10px 0 rgba(0,0,0,.12),3px 3px 10px 0 rgba(0,0,0,.12)}.card-content{vertical-align:middle;margin-left:17px;font-weight:600;padding-top:10px}.card-text{margin-top:-10px}.card-release-date{line-height:30px;font-size:.7em;text-align:left;margin-top:-15px}.card-release-date .date{color:#585eea}.card-image img{width:300px;height:150px;border-radius:10px}.list-list{width:350px;height:88vh;display:inline-block;margin-left:20px;white-space:nowrap}.list-overflow{overflow-y:auto;scrollbar-width:none;margin-left:-34px;padding-left:54px;padding-right:54px;margin-right:-54px;padding-top:10px;margin-top:-10px}.list-title-card{margin-bottom:30px;margin-left:20px}.list-card{margin-top:20px}.list-card:first-child{margin-top:0}.list-visibility-visible{position:static;margin-top:20px}.list-visibility-hidden{position:absolute;top:-999999px}.list-list-wrapper{display:inline-block;white-space:nowrap}.list-list-wrapper ::-webkit-scrollbar,.list-list-wrapper ::-webkit-scrollbar-button{width:0;height:0}.list-add-new-wrapper{padding-bottom:50px}.list-padding-emptyadd{padding-top:1px}.list-bottom-padding{padding-bottom:80px}@media only screen and (max-height:600px){.list-list{height:79vh}}@media only screen and (max-height:700px){.list-list{height:82vh}}.addnewcard-card{background-color:#282d32;border-radius:10px;border:2px dashed rgba(88,94,234,.5);cursor:pointer}.addnewcard-text{vertical-align:middle;margin-left:17px;font-weight:600}.game-search-modal{position:fixed;z-index:1;left:0;top:0;overflow:auto;background-color:#282d32;padding-top:2px;width:600px;min-height:65px;left:50%;margin-left:-250px;margin-bottom:200px;top:10%;border-radius:10px;box-shadow:-5px -5px 10px 0 rgba(0,0,0,.16),5px 5px 10px 0 rgba(0,0,0,.16);display:grid;grid-template-columns:20% 70%;grid-gap:1px 0;gap:1px 0;grid-template-areas:"first second"}.game-search-modal .icon{grid-area:first;display:flex;justify-content:center;align-items:center}.game-search-modal .search-box{margin-left:-20px;grid-area:second;display:flex;justify-content:center;align-items:center}.game-search-modal input{width:100%;height:55px;background-color:transparent;border:none;font-size:2em;font-weight:500;color:#eef7ff;outline:none}.game-search-modal input::-webkit-input-placeholder{color:rgba(238,247,255,.5)}.game-search-modal input:-ms-input-placeholder{color:rgba(238,247,255,.5)}.game-search-modal input::-ms-input-placeholder{color:rgba(238,247,255,.5)}.game-search-modal input::placeholder{color:rgba(238,247,255,.5)}.game-search-modal :focus,.game-search-modal input:focus{outline:none}.game-search-modal .search-results-container{margin-top:0;border-top:3px solid;width:600px;padding-bottom:20px;max-height:600px;overflow-x:hidden}.game-search-modal .search-results-container .search-result-element{padding-top:15px;padding-bottom:15px;margin-bottom:2px;padding-left:40px;font-size:1.5em;font-weight:500;display:grid;grid-template-columns:15% 85%;grid-gap:1px 1px;gap:1px 1px;grid-template-areas:"Image Text";cursor:pointer}.game-search-modal .search-results-container .search-result-element .search-result-text{grid-area:Text;align-self:center;margin-left:40px}.game-search-modal .search-results-container .search-result-element .image{grid-area:Image;width:90px;height:130px;background-size:cover}.game-search-modal .search-results-container .search-result-element:first-child{margin-top:0}.game-search-modal .search-results-container .search-result-element:hover{background-color:rgba(238,247,255,.08)}.game-search-modal .search-results-container .see-more-btn{margin-top:15px;padding-top:5px;padding-bottom:5px;color:rgba(238,247,255,.5);padding-left:40px;font-size:1.2em;cursor:pointer}.game-search-modal .search-results-container .empty-response-message{margin-top:15px;padding-top:5px;padding-bottom:5px;color:rgba(238,247,255,.5);padding-left:40px;font-size:1.2em;cursor:default}.game-search-modal .search-results-container .see-more-btn:hover{background-color:rgba(238,247,255,.08)}.game-search-modal .searching-status-label{margin-top:15px;padding-top:5px;padding-bottom:5px;color:rgba(238,247,255,.5);padding-left:40px;font-size:1.2em}.modal-wrapper{z-index:1;position:fixed;background-color:rgba(0,0,0,.4);width:100%;height:100%;margin-left:-10px;margin-top:-1000px;padding:1000px}@media only screen and (max-width:500px){.game-search-modal{width:90vw;max-width:100%;margin-left:-45vw;top:10%}.game-search-modal .search-results-container{width:90vw}.game-search-modal .search-results-container .search-result-element{padding-left:17px;grid-template-columns:20% 80%}.game-search-modal input{font-size:1.5em}.game-search-modal .search-box{margin-left:0}}@media only screen and (max-width:300px){.game-search-modal input{font-size:1.4em}}@media only screen and (max-height:650px){.game-search-modal{top:10%}.game-search-modal .search-results-container{max-height:400px}}@media only screen and (min-height:650px) and (max-height:800px){.game-search-modal{top:10%}.game-search-modal .search-results-container{max-height:500px}}.floating-menu{position:absolute;z-index:3;display:inline-block;box-shadow:-3px -3px 10px 0 rgba(0,0,0,.12),3px 3px 10px 0 rgba(0,0,0,.12);background-color:#2d333a;min-width:20px;min-height:80px;padding:20px}.display-none{display:none}.main-nav{z-index:1;display:flex;padding-top:5px;padding-bottom:5px;justify-content:space-between;align-items:center;position:fixed;width:100%;background-color:#2d333a;box-shadow:3px 3px 10px 0 rgba(0,0,0,.12)}.main-nav .logo{font-size:35px;margin-left:45px;align-self:center;height:auto;max-width:110px}.main-nav .icon{vertical-align:text-bottom;font-size:25px;margin:0 auto}.main-nav .username-button{font-size:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-nav .buttons-container{margin:auto 45px auto auto}.main-nav .buttons-container>span{margin-left:30px;cursor:pointer}@media only screen and (max-width:600px){.main-nav .username-button{display:none}.main-nav .logo{margin-left:20px}.main-nav .buttons-container{margin-right:20px}}.menu{position:fixed;background-color:#2d333a;width:400px;height:100%;right:0;margin-top:45px;box-shadow:-3px -3px 10px 0 rgba(0,0,0,.12)}.menu .menu-title{text-align:center;margin-top:25px;font-size:1.5em;margin-left:10px;margin-right:10px;border-bottom:1px solid rgba(238,247,255,.5);padding-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-title .icon{float:left;font-size:1.4em;cursor:pointer}.menu .menu-title .menu-title-text{margin-left:-1.2em}.menu .menu-item{font-size:1.3em;margin-top:25px;margin-left:20px;margin-right:20px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu .icon{font-size:1.3em}.menu .close-icon,.menu .icon{vertical-align:text-bottom;margin:0 auto}.menu .close-icon{font-size:1em;float:right;cursor:pointer}.menu .menu-subsection{padding-left:10px;padding-bottom:5px;color:rgba(238,247,255,.5);font-size:1.3em;margin:30px 10px 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu .settings-menu .menu-item{font-size:1em;margin-top:0;margin-left:10px}.menu .user-settings-item{display:none}@media only screen and (max-width:600px){.menu{width:300px}.menu .user-settings-item{display:block}}.layout-lists{margin-top:0;white-space:nowrap;display:inline-block;margin-left:20px}@media only screen and (max-width:600px){.layout-lists{margin-left:0}}.addnew-list-card{display:inline-block;white-space:nowrap;min-width:350px;margin-left:20px}.lists-wrapper{display:flex}.layout-wrapper{padding-top:75px}.layout-wrapper .visibility-visible{position:static}.layout-wrapper .visibility-hidden{position:absolute;top:-999999px}.LandingPage .content-container{display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr;grid-gap:1px 1px;gap:1px 1px;grid-template-areas:"left right"}.LandingPage .content-container .grid-left{grid-area:left}.LandingPage .content-container .grid-right{grid-area:right}.LandingPage .bigtext{margin-top:50px;font-style:normal;font-weight:700;font-size:65px;line-height:98px}.LandingPage .smalltext1{margin-top:500px;font-size:24px;font-style:normal;font-weight:400}.LandingPage .smalltext2{margin-top:590px;font-size:24px;font-style:normal;font-weight:400}.logo-buttons-nav{margin-top:30px}.logo-buttons-nav .logo{font-size:48px;margin-left:45px}.logo-buttons-nav .login-btn{margin-right:50px;float:right;cursor:pointer;height:60px;line-height:60px;border-radius:13px}.logo-buttons-nav .login-btn-text{font-size:30px;color:#eef7ff;vertical-align:middle;margin-left:25px;margin-right:25px;font-weight:800}.logo-buttons-nav .register-btn{margin-right:45px;float:right}.bluebutton{font-family:Nunito;font-style:normal;font-weight:700;background-color:#585eea;cursor:pointer;width:100%;height:60px;line-height:60px;border-radius:13px;box-shadow:-5px -5px 10px 0 rgba(0,0,0,.16),5px 5px 10px 0 rgba(0,0,0,.16);border:none}.bluebutton .bluebutton-text{font-size:30px;color:#eef7ff;vertical-align:middle;margin-left:25px;margin-right:25px;font-weight:800}.bluebutton:active,.bluebutton:hover{background-color:rgba(88,94,234,.8)}button::-moz-focus-inner{border:0}.loginpage .display-none{display:none}.loginpage .incorrect-flair{color:#ff4343;margin-top:15px;margin-bottom:-30px}.loginpage .login-btn{color:#f0f8ff;margin-right:20px}.loginpage .login-btn,.loginpage .register-btn{font-weight:700;font-style:normal;font-size:36px;line-height:49px;cursor:pointer}.loginpage .register-btn{margin-left:20px;color:rgba(240,248,255,.3)}.loginpage .form-container{text-align:center;margin-top:50px}.loginpage .form-wrapper{width:600px;margin-left:auto;margin-right:auto}.loginpage .buttons{margin-top:15px;padding-bottom:15px}.loginpage [type=password],.loginpage [type=password]:invalid,.loginpage input[type=email]{color:#eef7ff;font-size:24px;position:relative;margin-top:70px;width:100%;height:40px;background:transparent;border:none;border-bottom:3px solid rgba(240,248,255,.8);text-indent:20px}.loginpage [type=password]:invalid,.loginpage input[type=email]{box-shadow:none}.loginpage input::-webkit-input-placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.loginpage input:-ms-input-placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.loginpage input::-ms-input-placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.loginpage input::placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.loginpage :focus{outline:none}.loginpage .login-submit-btn{margin-top:20px;width:100%;margin-left:auto;margin-right:auto}.loginpage .remember-checkbox{margin-top:70px;text-align:left}.loginpage .forgot-pass-text{margin-top:30px;font-style:normal;font-weight:700;font-size:18px;line-height:25px;color:rgba(240,248,255,.5)}.loginpage .reset-pass-btn{color:#f0f8ff;cursor:pointer}@media only screen and (max-width:650px){.loginpage .form-wrapper{width:90vw;margin-left:auto;margin-right:auto}}@media only screen and (max-width:340px){.loginpage .buttons{text-align:center}.loginpage .buttons .register-btn{margin-top:10px;text-align:center}.loginpage .buttons span{display:inline-block}}.logo-nav{margin-top:30px}.logo-nav .logo{font-size:48px;margin-left:45px}@media only screen and (max-width:650px){.logo-nav{text-align:center}.logo-nav .logo{margin-left:auto}}body{background-color:#282d32;color:#eef7ff;font-family:"Nunito";font-weight:800;overflow-y:hidden;margin-left:0;margin-top:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:rgba(88,94,234,.2);border:0 #fff;border-radius:3px}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:rgba(88,94,234,.6)}::-webkit-scrollbar-track{background:#282d32;border:0 #fff;border-radius:0}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background:#282d32}::-webkit-scrollbar-corner{background:transparent}.register-page .display-none{display:none}.register-page .incorrect-flair{color:#ff4343;margin-top:15px;margin-bottom:-30px}.register-page .success-text{color:#41e48b;margin-top:15px;margin-bottom:-30px}.register-page .register-btn{color:#f0f8ff;margin-left:20px}.register-page .login-btn,.register-page .register-btn{font-weight:700;font-style:normal;font-size:36px;line-height:49px;cursor:pointer}.register-page .login-btn{margin-right:20px;color:rgba(240,248,255,.3)}.register-page .form-container{text-align:center;margin-top:50px}.register-page .form-wrapper{width:600px;margin-left:auto;margin-right:auto}.register-page .buttons{margin-top:15px;padding-bottom:15px}.register-page [type=password],.register-page [type=text],.register-page [type=text]:invalid,.register-page input[type=email]{color:#eef7ff;font-size:24px;position:relative;margin-top:70px;width:100%;height:40px;background:transparent;border:none;border-bottom:3px solid rgba(240,248,255,.8);text-indent:20px}.register-page [type=password],.register-page [type=text]:invalid,.register-page input[type=email]{box-shadow:none}.register-page input::-webkit-input-placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.register-page input:-ms-input-placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.register-page input::-ms-input-placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.register-page input::placeholder{font-style:normal;font-weight:700;font-size:24px;line-height:33px;color:rgba(240,248,255,.5)}.register-page :focus{outline:none}.register-page .register-submit-btn{margin-top:80px;width:100%;margin-left:auto;margin-right:auto}.register-page .remember-checkbox{margin-top:70px;text-align:left}.register-page .forgot-pass-text{margin-top:30px;font-style:normal;font-weight:700;font-size:18px;line-height:25px;color:rgba(240,248,255,.5)}.register-page .reset-pass-btn{color:#f0f8ff;cursor:pointer}@media only screen and (max-width:650px){.register-page .form-wrapper{width:90vw;margin-left:auto;margin-right:auto}}@media only screen and (max-width:340px){.register-page .buttons{text-align:center}.register-page .buttons .register-btn{margin-top:10px;text-align:center}.register-page .buttons span{display:inline-block}}
/*# sourceMappingURL=main.38ea013d.chunk.css.map */