body{margin:0;background:#1b2838;overscroll-behavior:none}.text-white{color:#fff}.flex{display:flex}.flex-between{display:flex;justify-content:space-between}.center{align-items:center}.align-center,.center,.just-center{justify-content:center}*{font-family:"open-sans",sans-serif}.clickable{cursor:pointer}.main{max-width:60%;margin:0 auto}#navbar{background-color:#171a21}#navbar-components{display:flex;justify-content:space-around;width:100%;color:#fff}.logo-container{max-width:12%}.drop-item{height:32px}.drop-item p{color:#19a0e8;padding-left:5px}div.dropdown-menu.show{background-color:#171a21}a.dropdown-item{color:hsla(0,0%,100%,.55)}a.dropdown-item:hover{color:#fff;background-color:rgba(51,58,75,.396078431372549)}.home-logo{width:75%}.main-nav{flex:auto}.nav-right{margin-right:10%}.cart-add-button{background-color:#a4d007;color:#fff;width:100%;border-radius:5px;cursor:pointer}.game-list-image{width:100%;height:100%}.game-list-img-ctn{position:relative;width:25%;height:100%}.games-list-ctn{width:70%}.game-info{height:75%;display:flex;flex-direction:column;justify-content:space-evenly}.indiv-game h4{padding-left:0;color:#fff;margin:0}.game-info-price-ctn{height:100%;padding:0 1rem;width:70%;display:flex;align-items:center}.indiv-game{width:100%;height:6rem;color:#b7b7b7;display:flex}.indiv-game:hover{transition:.3s;cursor:pointer}.indiv-game-nav{color:#fff}.game-list-info-container{display:flex;align-items:center;justify-content:space-between;width:70%}.genres-ctn{padding:0;display:flex;overflow:hidden}.system-icon{margin-right:10px}.system-icon-container{display:flex;align-items:center;padding-top:4px}.game-list-title{margin:8px 10px 0}.logo{height:14px;width:16px}.preview-section{width:30%}.preview-ctn{height:100%;margin-left:7%;justify-content:center;position:relative;display:flex}.preview-item{flex-direction:column;align-items:center;padding:10%;position:absolute;transition:opacity 1s}.reviews-preview{flex-direction:column;align-items:center}.preview-genres,.reviews-preview{display:flex;color:#b7b7b7;background-color:rgb(0 0 0/60%)}.preview-genres{width:32%;margin:10px 0 0;align-self:start;justify-content:center}.preview-images-list-ctn{width:100%;height:100%;margin-top:5%;overflow:scroll;padding:0}.preview-image-ctn{width:100%;height:9rem;margin-top:2%}.preview-image{width:100%}#modal{display:flex;justify-content:center;align-items:center;border-radius:10px}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;z-index:9999}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;display:flex;background-color:#202d39;border-radius:10px;padding-left:40px;padding-right:40px;overflow-y:auto;height:100%;width:80%;z-index:9999;flex-direction:column;align-items:center}.small-media{width:116px;height:65px;cursor:pointer;margin:2px 2px 2px 0}.cover-img{width:324px;height:151px;margin-bottom:7px}.media-comp-container{display:flex;justify-content:center}.media-left-container{margin-right:16px}.media-right-container{color:#fff}th{font-size:10px;text-align:start;padding-right:10px}td{color:#252525}.modal-body-container{padding-top:5px;width:100%}.delete-form{width:100%;display:flex;align-items:center;flex-direction:column}.delete-modal-header{margin:15% 0 0}.delete-modal-body-container{width:100%;display:flex;justify-content:center}.modal-header h1{margin-bottom:0;margin-top:0;color:#fff;font-weight:100;padding:20px}.modal-top-input{text-align:center;width:50%}.modal-bottom-input,.modal-top-input{background-color:#434953;color:#fff;border:1px solid #000;border-radius:5px;padding:8px;overflow:auto;height:20px}.modal-bottom-input{width:78%;margin:8px 8px 8px 2px}.modal-input{background-color:#434953;color:#fff;border:1px solid #000;border-radius:5px;overflow:auto;height:38px;width:50%;text-align:center;margin:8px}.form-input-type{display:inline-block;margin-right:10px}.form-input-error{display:inline-block;color:red}textarea{background-color:#434953;color:#fff;border:1px solid #000;border-radius:5px;padding:8px;overflow:auto;height:15vw;width:65%;text-align:center;resize:none}.modal-label{color:#fff;font-size:15px;margin:8px;padding:0;width:80%;display:flex;flex-direction:column;align-items:center}fieldset{border:1px solid #000;border-radius:5px;width:35%;background-color:#434953;color:#fff}.submit-button{background-color:#708e03;color:#fff;width:10%;padding:10px;margin:10px;border:none;border-radius:5px;cursor:pointer}.disabled{opacity:1%;cursor:default}.form-container{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}input[type=checkbox i]{margin-right:10px}.single-header{display:flex;justify-content:space-around;padding-right:15%}.system-reqs-container{display:flex;justify-content:space-between}.system-requirement-tag{border:1px 0 1px 1px}.main-cart{color:#fff}.cart{width:85%;flex-direction:column}.cart,.continue-remove{display:flex;align-items:center}.continue-remove{justify-content:space-around}.media-ctn{height:27rem;background-color:rgba(15,15,15,.611764705882353)}.right-col{width:30%;height:100%;overflow:scroll;margin-left:12px}.left-col{width:70%;height:100%}.showcase-ctn{height:100%;position:relative}.showcase-overflow{height:100%}.showcase-reel{height:20%}.showcase-slider{display:flex;height:4%}.showcase-scroll{height:100%;overflow:hidden;overflow-x:scroll;display:flex}.thumbnail{display:flex;position:relative;cursor:pointer;justify-content:center;align-items:center;min-height:64px;min-width:116px;margin:2px;text-align:center;background-color:#000}.selected-thumb{background-color:#fff}.play-btn-ctn{position:absolute;display:flex;border-radius:4px;background-color:#212529;width:30%;height:35%;align-items:center;justify-content:center}.play-vid-btn{color:#bebaba}.thumb-img{height:100%;width:100%;padding:2px}.showcase-img-ctn{width:inherit;height:inherit;position:absolute;object-fit:inherit;opacity:0;visibility:hidden;transition:2.5s;background-color:#000}.selected-showcase{opacity:1;visibility:visible}.showcase-img{width:100%;height:100%}.figure-ctn{background-color:#000;display:flex;height:79%;margin-bottom:.1rem;justify-content:center;width:100%}.game-cover-img{width:100%;margin-bottom:3%}.game-cover-img-ctn{width:100%}.description-ctn{max-height:8rem;overflow:auto;padding-right:2%;color:#fff;line-height:17px;font-size:13px}.game-table-ctn{height:20%;margin-top:1rem}.game-detail-table{margin:0;color:hsla(0,0%,100%,.4196078431372549);width:80%}.game-detail-table tbody tr td{margin:0;color:#fff}.game-detail-table tbody tr *{margin:0;padding:.1rem 0;color:#556772}.game-detail-table *{vertical-align:middle;font-size:12px;height:12px}.game-body-left{width:68%;float:left}.game-body-right{width:30%;float:right}.add-to-ctn{position:relative;padding:16px 16px 11px;background-color:#445468;border-radius:4px;box-shadow:0 8px 10px rgba(0,0,0,.7)}.detail-icon-ctn{float:right}.game-price{width:55%;text-align:center;font-size:14px}.add-to-btn-ctn{position:absolute;right:16px;bottom:-17px;border-radius:3px;background-color:#000;width:30%;padding:2px 2px 2px 0;justify-content:space-between}.add-to-cart-btn{border-radius:4px;height:2rem;overflow:hidden;line-height:12px;font-size:12px;background-color:#21a321;border-color:#21a321;color:hsla(0,0%,100%,.774)}.add-to-cart-btn:hover{background-color:rgba(94,194,94,.8627450980392157);border-color:#21a321;color:#fff}.add-to-library-btn{border-radius:4px;height:2rem;line-height:12px;font-size:12px;overflow:hidden;color:hsla(0,0%,100%,.774)}.add-to-library-btn:hover{background-color:rgba(79,143,239,.9098039215686274);color:#fff}.game-body-left h3{color:#fff;margin-top:6rem;width:60%;border-bottom:1px solid rgba(66,226,190,.1411764705882353)}.game-info-text{color:rgb(138 138 138)}.breadcrumb{background-color:rgba(126,171,230,.23137254901960785);height:2rem;align-items:end}.breadcrumb-item{padding:0 20px;margin-left:1%}.breadcrumb-item a{color:#008011;text-decoration:none}.breadcrumb-item a:hover{color:#fff}.breadcrumb-item.active{color:#00ff14;background-color:#1b2838}.breadcrumb-item+.breadcrumb-item{padding:0 20px}.breadcrumb-item+.breadcrumb-item:before{padding:0;content:none}.system-info-ctn strong{color:#556772}.system-info-ctn ul{padding:0}.system-info-ctn li{padding:4px 0;list-style:none;color:rgb(138 138 138)}.continue-button{padding-top:10px;margin:18px 150px 0 61px;background-color:#67c1f5}.continue-button,.purchase-button{padding-bottom:10px;color:#fff;font-size:15px;font-weight:300;border:none;width:40%;border-radius:5px}.purchase-button{margin-top:18px;padding-top:12px;margin-left:60%;background-color:#708e03}.cart-game-list-image{width:100%;height:100%}.cart-game-list-image-container{width:20%;height:100%}.cart-games-list-container{width:70%}.cart-indiv-game{background-color:#202d39;width:100%;color:#fff;display:flex;margin:0 auto 5px;align-items:center}.cart-title-and-price{display:flex;flex-direction:row;width:80%;justify-content:space-between}.cart-container{height:100vh}.cart-price{text-align:right}.estimate-totals{display:flex;align-items:center;justify-content:space-between;margin:40px 0}.login-page{background-repeat:no-repeat;background-size:100%;width:100vw;height:100vh}.login a{color:#575c71;font-weight:700}.qr-code-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;float:right}.qr-code-container img{display:flex;justify-content:right;width:250px;border-radius:10px;border:2px solid #fff;background-color:#fff}.qr-code-container h3{color:#fff}.main-container{border:1px solid #000;background-color:#171a21;border-radius:10px;padding:80px;position:absolute;top:65%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.welcome{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.welcome h1{font-size:25px}.sign-up-container{padding:50px}.sign-up-container2{padding:0 50px}.login-form{padding-bottom:10px}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{color:#fff;font-size:15px;font-weight:700;margin-bottom:10px}.login-form input{width:400px;height:35px;margin-bottom:15px;background-color:#202225}.login-form button,.login-form input{border-radius:5px;border:none;color:#fff}.login-form button{margin-top:1px;background-color:#5865f2}.login-form button,.signup-button{padding-top:10px;padding-bottom:10px;font-size:15px;font-weight:300}.signup-button{margin:18px 150px 0 61px;background-color:#708e03;color:#fff;border:none;width:40%;border-radius:5px}.signup-page{background-repeat:no-repeat;background-size:100%;width:100vw;height:100vh}.signup-page h1{display:flex;justify-content:center}.signup-main-container{background-color:#2c2f33;border-radius:10px;padding:40px 150px 80px 20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;align-items:center;color:#fff;flex-direction:column}.signup-form{padding-bottom:10px;width:130%}.signup-form,.signup-form label{display:flex;flex-direction:column}.signup-form label{color:#fff;font-size:15px;font-weight:700;margin-bottom:10px}.signup-form input{width:200%;height:35px;margin-bottom:15px;background-color:#202225}.signup-form input,.signup-page-button{border-radius:5px;border:none;color:#fff}.signup-page-button{position:fixed;background-color:#a4d007;width:35%;padding-top:10px;padding-bottom:10px}.table-hover tbody tr:hover td{background:rgba(77,77,77,.75)}.issue-button-arrow{background-image:url(https://help.steampowered.com/public/images/arrow_right.png);background-repeat:no-repeat;background-position:right 14px center;background-size:auto 16px;z-index:1}.game-list-image-container{width:20%;height:80px}.indiv-item{background-color:#202d39;height:40%;width:70%;color:#fff;display:flex;margin:0 0 5px;align-items:left}.item-list{background-color:#445468;width:100%}.item-list:hover{background-color:rgba(9,169,237,.8)}.issue-button{display:block;max-width:712px;box-sizing:border-box;margin-top:10px;padding-right:30px;border:1px solid #445468;font-size:15px;color:#fff;background-color:#445468}.row-bottom{margin-bottom:3px}.library-item-list{background-color:#445468;width:100%}.library-list-image-container{position:relative;width:30%;height:8em}.library-list-image-container:hover{cursor:pointer}.library-list-image{display:block;width:100%;height:100%}.overlay{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);overflow:hidden;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);transition:.1s ease}.library-list-image-container:hover .overlay{transition-delay:.25s;-webkit-transform:scale(1);transform:scale(1)}.hover-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}